HOME > 企業情報 > プレスルーム > リリース情報 > 2005年 > 詳細

オムロンIndustrial Web 「マイパーツ機能」構築を支援〜Ajaxを活用した商品検索機能や発注用ファイルダウンロード機能などを搭載〜

2005年11月14日

株式会社アイ・エム・ジェイ 大証 ヘラクレス ( 4305 )
 株式会社アイ・エム・ジェイ(本社:東京都品川区 代表取締役社長:樫野 孝人 以下、IMJ)は、オムロン株式会社インダストリアルオートメーションビジネスカンパニー(本社:東京都品川区 執行役員副社長兼同カンパニー社長:立石 文雄 以下、オムロンIAB)が運営する制御機器の情報Webサイト「Industrial Web」※1(略称:「I-Web」http://www.fa.omron.co.jp/)において、登録ユーザーが商品の検索、選択、リスト保存、帳票ダウンロードなどを簡単に行なえるサービス「マイパーツ機能」の構築を、全面的に支援いたしました。
 なお、「マイパーツ機能」は、2005年11月4日(金)よりサービス開始となっております。

■「マイパーツ機能」サービスの概要

 「マイパーツ機能」とは、「I-Web」に会員登録(無料)したユーザーが、ログイン後に使用できるサービスのひとつで、目的に応じたリストを作成して、商品の一括購入や帳票形式での出力をすることができます。

「I-ピッキングサーチ」による商品検索※2
 商品名(オムロンIABでは「形式」と呼びます)の先頭数文字を入力すると、自動的に候補となる商品名が表示され、その候補から選択した商品をリストに追加することができます。
 入力欄には、たとえ1文字でも入力すれば、適合する候補が表示されます。もちろん2文字以上入れればさらに絞り込まれた候補が表示されます。
 これは、最先端のWeb技術であるAjax※3の採用により実現した機能です。(詳細は後述「Ajaxを活用した「I-ピッキングサーチ」の開発背景」をご参照ください。)

商品のリスト管理
 1ユーザーにつき最大20個までリストを作成することができます。
 1つのリストには50商品まで登録でき、それぞれのリストには形式の用途やグループに応じて名前やコメントをつけることができます。

帳票形式データのダウンロード
 保存したリストは、オムロン制御機器代理店への見積もり依頼、納期確認、発注の際にそのまま活用できるよう、リスト内にある「帳票作成」ボタンから、使用目的にあった帳票を出力できます。
 シンプルなCSV形式から、納期確認書、見積り依頼書まで、さまざまなフォーマットの作成がボタンひとつで作成することが可能です。

商品の購入(他サイトとの連動)
 商品リストは、そのままオムロン制御機器代理店への発注に使えるほか、リスト内の「一括購入」ボタンから購入手続きをすることも可能です。
 これは、「オムロン ツーフォーサービス オンラインショップ」との連携強化により実現した機能です。同サイトでは、24時間、その場で納期回答いたしますので、時刻を気にすることなく発注することが可能です。



■IMJで担当した業務の概要

 オムロンIABで運営する「I-Web」内における、「マイパーツ機能」サービス構築に関する下記の項目
  • インターフェース設計・開発
  • アプリケーション設計・開発
  • 運用設計
 なおIMJでは、「I-Web」全体のシステム構築、サイト構築、運用、コンサルティングを受託しております。


■Ajaxを活用した「I-ピッキングサーチ」の開発背景

 オムロンIABでは、約5万点にのぼる商品群の中から、ユーザーが必要なものを簡単に、ストレスなく検索することが大きな課題となっていました。
 商品名は、英数字の組み合わせからなるものであるため、ユーザーがこれを完全一致で入力することは非常にまれであると考えられます。
 他方、従来の検索アプリケーションにあるような、前方一致での検索により、都度サーバへリクエストを投げて画面遷移させる方法では、サーバ負荷もユーザーの作業負荷が大きな問題点になると考えられます。

 Ajaxを活用した今回の検索方法であれば、1文字から候補を表示し、しかもサーバへのリクエストはXMLデータの取得のみを非同期に行なうため、負荷を大幅に軽減することが可能になります。

 「I-ピッキングサーチ」では、「形式名」の欄に先頭の英数字を入力すると検索フォーム欄下部にカスケード構造を持ったプルダウンメニューが表示され、自動的に該当候補が提示されます。
 また、「マイパーツ機能」の連動により、選択した商品をそのままリスト化したり、追加・削除も容易に行なえ、それらを購入したり帳票形式データにダウンロードすることが可能になります。

 IMJでは、日本のB to B市場でまだそれほど多くは使用されていないAjaxという技術を、その特徴を十分に活かしたシーンで採用することで、「検索」という負荷の大きい作業を、非常にシンプルかつ軽いユーザーインターフェースに変えることができました。

 今後も、Ajaxの特性を活かしたB to Bサイトでの活用を、積極的に提案していく考えです。


I-ピッキングサーチの検索画面
   <「I-ピッキングサーチ」の商品検索画面(イメージ)>

※1 Industrial Web
オムロンIABが運営するWebサイト上でのサービスで、ユーザーの「専属エージェント」として商品情報掲載、商品検索、サポートなどを行ないます。オムロンIABでは、「Industrial Web」を、製造業に携わるユーザーの全業務プロセスを支援するサービス基盤と位置づけております。

※2 「I-ピッキングサーチ」による商品検索機能
現在は、利用者の実際の利用状況を確認した上で機能を発展させていく事を視野に入れ、β版での公開となっております。今後も開発を進め、一層便利なサービス機能にしていく計画です。

※3 Ajax
(エイジャックス/アジャックス)Asynchronous JavaScript + XML の略で、XMLHttpRequestによる非同期通信を利用したユーザーインターフェース構築技術の総称。通信結果に応じてDHTMLで動的にページの一部を書き換えるというアプローチを取ります。
従来のWebアプリケーションでは、サーバにリクエストを、送信後レスポンスを新たなWebページとして受け取り画面遷移を発生させていましたが、Ajaxにより画面遷移を伴わない動的なWebアプリケーションが実現可能になります。 既存の技術の組み合わせによって実装されていますが、Google が GoogleMaps や GoogleSudgest にこの技術を利用したことで有名になり、Webアプリケーションの可能性を広げる手法として注目されています。


本件に関して、オムロンIABから発表されたニュースリリースはこちら

本件に関するお問い合わせ

本件に関するご相談やご質問など、こちらからお問い合わせください。

お問い合わせ