.gif) |
ネクスト活用事例紹介
Ｆｌｅｘ２で作った在庫検索−その１
2008年4月
text by 山田晃生（技術統括部 マネージャ）
RIAの要素を取り入れたリンコム
ネクスト3.0がまもなくリリースとなります。
世間ではRIAアプリケーションになることによって、操作性や表現力の向上などが話題となっていますが、皆さんもGoogleMapをはじめて見たとき、びっくりされたのではないでしょうか？
（かくいう自分も10年ほど前にGIS関連の仕事に関わったことがあるだけに、Web上であの操作性を見たときはショックでした）
ブラウザ上でドラッグ＆ドロップが利用できる・・・今までやりたくても出来なかったのですから、これはすごい技術です。
でも普段、PC上でドラッグ＆ドロップを利用しているケースなんて・・・Windowsでのウインドウサイズ変更とファイルコピー、Excelなどでの範囲選択と図形配置・・・
そんなもんでしょうか？他に思いつきません。
このコラムを読まれている皆さん普段使うアプリケーションで、あのレベルの操作性能がはたして必要でしょうか？
これだけでRIAを語ってしまうとHobby要素の強い技術になってしまいます。
今回は、もう少しビジネスアプリに活用できる機能にスポットを当てて、その事例のご紹介をしたいと思います。
と、すっかり前置きが長くなってしまいましたが、もう少し・・・Webアプリケーションの基礎知識を
今までのWebアプリケーションは、基本的にページからページへの遷移で構成されています。
リクエストを受け付けた際にパラメータを処理して、標準出力へ書き出すとブラウザにページが表示されます。
この基本はPerlの時代から始まり、JavaもPHPもASPもCFMLも基本的に同じ仕組みです。
なので、ページの内容をちょっと変更しようとしても、ページ内容を1度破棄して、すべてを読み直しているわけです。
簡単に言えば、『１足す１は？』と聞くと『１足す１は２です』と答え、『１足す１は２』と表示しているようなものです。
RIAの世界では中間にプログラム（Flex2の場合はFlashアプリケーション）を設置することにより、そのやり取りを最小限にとどめます。
『１足す１は？』と聞くと『２です』と答え、Flashアプリケーションが『１足す１は２』と表示しています。
つまり『１足す１は』の部分の回答や再表示を行わず、表示上、変更が必要な箇所のみを再表示します。（『１足す１は』の部分は画面に表示しっぱなし）
こういった機能が操作性が高くストレスの少ない業務アプリケーションを作り出します。
さて、お待たせいたしました
今回の事例紹介は、ある製造業であるＡ社様の在庫検索アプリケーションです。
Ａ社様ではＳＡＰ内にある在庫情報をイントラＷｅｂに公開し、どの社員（といっても営業が中心ですが）でも気軽に参照できるようにしたいとお考えでした。
当初はＳＡＰの在庫情報をネクスト内に持ってきて、データベース検索機能で表示・・・と考えたのですが
（どこでもそうだと思いますが）毎日棚卸しをしているわけではないので、最新在庫情報を見るには在庫変動の履歴を加味しなくてはなりません。
ＳＡＰから持ってくるテーブルは、棚卸し時点の在庫数、出荷引き落とし数、生産計画数などから未来の在庫量まで保持しています。
在庫を参照する人は日付を指定して、○月○日時点での在庫数量を参照できるように作成しました。
まずは下記の画面をご覧ください。（ちなみにこの画面は要件定義で弊社が作成したサンプルです）
まずは最上段に検索条件を入力します、今回の仕様ならば品目コードや日付です。
その結果が上段のリストに一覧表示されます。
ちなみにここで表示しているのは在庫履歴をグルーピングして指定日付の出荷可能数を表示しています・・・ここまでは良くある検索アプリですね。
ここが今までの違いとなるのですが、上段の一覧から１行クリックすると下段の一覧にその履歴詳細が表示されます。
上段で別の品目をクリックすると下段の一覧が更新されます。
その間、画面のリフレッシュはまったくありません。クリックに呼応して下段リストが変化します。
地味な操作ではありますが、今までのＷｅｂアプリはこれがうまく出来ませんでした。
（無理に実現するためにフレームを使ったり、小ウインドウで表示してみたり・・・）
１画面に収めようとすると、クリックするたびに上段の検索をやり直し、下段の検索も行い、ページをすべて破棄して再度すべて表示する・・・その間、何秒かの待ち時間が発生していました。
Ｆｌｅｘ２で作成したこの画面では、上段の情報を保持し、下段の情報のみを選択品目に応じて検索するためにクリック後の待ち時間がほとんどなく
ダイレクトな操作に対してダイレクトに情報を表示することができるようになっています。
・・・これがＲＩＡのアプリケーションの大きなメリットです。
さて、こんな簡単な仕様の画面ですが、今までの構築方法では以外と時間と面倒がかかったものです。
Ｆｌｅｘ２で作成した場合、どれぐらいの時間が掛かったのでしょうか？
次回は、このアプリケーションを作成するにあたって何をしたか？どれぐらいの工数がかかったのか？をお話できればと思います。
★リンコム通信へのご意見はこちらからお願いします |
|
.gif){kind=spacer}
前へ