「リッチインターネットアプリケーション」(以降RIA)※1 と言葉だけ聞くと、何か大がかりなアプリケーションを想像してしまいますが、申し込みフォームをFlashで置き換えるだけでも簡単なRIAと言えます。
前回の冒頭でも記されているように、フォームへの入力ミスを成功するまで何度もページ遷移していたのでは、ユーザーはイライラして途中で入力をやめてしまうかもしれません。
あなたも経験ありますよね?
こんな事で大事なお客様を逃していたのでは、大金をかけて構築した意味が薄れてしまいます。この様な事もRIAを用いれば、いとも簡単に解決出来てしまいます。※2
今回はRIA第一歩として、実際に申し込みフォームを「HTML+CGI(既存システム)」と「Flash+CGI(RIA)」の2つを用意し、比較を行っていきたいと思います。
まずは下記のサンプルページをご覧下さい。
(実際に動作いたしますので是非お試し下さい。その際に、あえて入力ミスをしてみましょう。)
これは既存システムで構築された、シンプルな申し込みフォームです。
入力されたフォームデータをCGIにPOSTし、値の形式に間違いがないか判定をします。
ここで間違った形式で入力されると、エラー内容が追加されたページが表示され、再入力を求められます。
図1. 既存システムでのシーケンス図

よく見かける形式ですよね。
これをRIAにしてみましょう。
(実際に動作いたしますので是非お試し下さい。その際に、あえて入力ミスをしてみましょう。)
どうですか?
一見すると通常のフォームと同じですが、送信すると違いが解りますね。
RIAでのシーケンスも見てみましょう。
図2. RIAでのシーケンス図

シーケンス的には既存システムとほとんど変わりがありませんが、ユーザーがストレスを感じる「ページの遷移」がありません。これだけでも大きなアドバンテージと言えるでしょう。さらにエラー項目が点滅し、視覚的にどの項目が間違っているのかが解りやすくなっています。
・直感的で扱いやすいユーザーインターフェース
・ユーザーにストレスを与えないシームレスな遷移
この2点がRIA構築での重要な着眼点となると思います。
次回以降、この着眼点を頭に置きつつ記事をご覧頂ければと思います。
(亀崎洋介)
※1 Macromedia社が提唱する、Flashを用いた表現豊かなWebアプリケーション。
※2 流行のAjaxを用いても可能ですが、RIAでの構築は他にも恩恵があります。詳細は次回以降に。
※このエントリはZDNetブロガーにより投稿されたものです。朝日インタラクティブ および ZDNet編集部の見解・意向を示すものではありません。
- 前のエントリー: アニメが通信をしてみたら...
- 次のエントリー: RIAとはどういうものか(事例紹介)
「ウェブアプリをリッチにするFlash活用術」 のバックナンバー
-
「Flex 2」による RIA の新たなる道(後編)
前回「Flex」とは何かを簡単にお伝えいたしましたが、今回は現在「パブリックアルファ」として公開中の「Flex 2」の目玉機能及び、今後を考察してみたいと思います。■ Flex Builder 2Flex 2 の目玉として登場した... -
「Flex 2」による RIA の新たなる道(前編)
-
FlashVideo
-
ユーザのためのリッチ
-
RIAとはどういうものか(事例紹介)
- ウェブアプリをリッチにするFlash活用術 一覧へ »
-
コード変換、データ加工、DB連携を低価格でするには? 高機能の【HULFT-DataMagic】
- インターネットセキュリティにおける今後の展望’09-’10
- 企業コスト削減の傾向と対策 〜最新アプローチのトレンド〜
- 中堅企業におけるテクノロジーと成長
- 【SUN xVM portfolio】ダイナミックなデータセンターのための仮想化プラットフォーム
- 電力消費量を可視化〜!身近なPC管理から始めるグリーンIT統制〜
- 高パフォーマンス・データベースの実現に向けたステップ
- ITコスト削減の傾向と対策 〜情報システム部様限定〜
- 最上級のブレードがこれだ!導入実績豊富な製品で構成され、仮想化環境に最適化し...
- 「ウィルスバスター Corp.10」次世代スマート・セキュリティ・プラットフォーム登場
企画特集
-
マネジメントの「コラム」と「コネタ」
今日のキーパーソンは誰? -
―エン・ジャパン厳選求人☆毎週更新―
ハンゲームの社長が語る・人材とサービスの在り方 -
大丈夫?あなたの会社のセキュリティ対策
中堅・中小企業のネットワーク・セキュリティを考える -
【最終警告】パンデミック対策特集
サービス品質を保証するためのリスクマネジメントとは -
進むストレージ環境の見直し
仮想環境に最適なiSCSIストレージLeftHandのメリット -
最大32個のセンサーが電力を徹底管理!
『省エネ性能』追求HPx86サーバー徹底レビュー -
企業ITシステムの企画、構築、運用のイロハ
戦略的なITシステムのために、今考えるべきポイント -
求めているのはSIerのエンジニア!!
連載インタビュー第1話、グリーCTO藤本氏が語る -
100万円で実現!中小企業の情報漏えい対策
中小企業の課題!?セキュリティ管理者不在でも大丈夫 -
情報漏えいを食い止める!
証跡としての信用力を高めるメールアーカイブとは? -
J-SOX法制定により内部統制の整備が急務に
重要性高まるActive Directoryの課題と対処法を公開中 -
急増するオンライン犯罪への解決策!
オンラインサービス保護ソリューション -
VMware OEMベンダー6社を独占インタビュー
IBM、HP、NEC、DELL、日立、富士通のVMwareの取り組み
-
15. プラグマフリー構文
この4分間のビデオは、プラグマ構文を知らなくてもOpenMPディレクティブ... -
16. 並列性の用語定義
この6分間のビデオでは、このシリーズのビデオを通じて使用される用語を...
