HOME > 開発者向けBLOG > Ext JS >  Sencha Ext JS カスタマースポットライト: Incentrak

Technology Note 開発者向けBLOG

Ext JS

Sencha Ext JS カスタマースポットライト: Incentrak

こんにちは、ゼノフィkotsutsumiです。

この記事は、US Sencha社ブログ “Sencha Ext JS Customer Spotlight: Incentrak”を翻訳したものです。

Site Selection Groupは、世界最大の独立した位置づけのアドバイザーであり、世界中の企業とコミュニティに対してソリューションを提供する経済インセンティブ企業です。 私たちは、4つの中心的なサービスを、顧客に対して、場所のアドバイス、経済的インセンティブサービス、リアルな土地サービス、経済発展コンサルティングを 提供します。 最先端のデータベースと分析モデルの利用を通して、私たちのエクスパートが、様々な産業の会社の最大限の効率化を計ることができます。

AppFoundationは、プロフェッショナルサービスを提供(カスタマイズWeb・モバイル、デスクトップアプリケーション開発)する企業です。 私たちは、顧客満足、ブランド認知、大きな結果を得るために、プレミアムなユーザーエクスペリエンスを提供するために、革新的なテクノロジーを導入する。 Site Selection Groupは、AppFoundationに迅速な製品開発とエンタープライズアプリケーション開発の標準化を指示した。 マルチテナントプラットフォームの開発を維持する顧客の動機を目的として、 エンタープライズアプリケーション開発の背景を変えることと、新しい標準のインタラクションのためにExt JSを選ぶ機会があった。

ダッシュボードは、JFreeChartインテグレーションとともにGoogle Mapsインテグレーションを表現します。チャートは、サーバーサイドの先進的で求められるレポーティングを行うことができた。
インセンティブ管理画面は、ビジネス部門、場所、インセンティブプログラム全体で、どのようにインセンティブをクライアント全体に配布します。

私たちは、位置情報を使って、ファイナンシャルベースカスタマーインセンティブを管理するためにIncenTrakを開発しました。 Ext JS 4.1ベースグラフィカルユーザーインタフェースを使った、セキュアなアプリケーションサーバー上でのExt JS ジオマッピング機能とJasperベースレポーティングエンジン、トークンベーススプリングセキュリティ、RESTful ウェブサービス、スプリングスケジュールタスクエンジン、カスタムファイナンシャルエンジンの組み合わせについて紹介します。 結果は、リッチなビジュアルのエンタープライズシステムになり、速さと堅牢性の両方を実現できました。これは、継続的なテスト、監視、デプロイがインテグレーション基盤によって完全にコントロールされている。

なぜExt JSを選んだか

デスクトップエクスペリエンス

Ext JSは、リッチ・インターネット・アプリケーション技術を使用しているデスクトップエクスペリエンスを提供する。 それは、デスクトップ環境のすべての視覚化アドバンテージをウェブベースシステムの利点と統合する。 Ext JSテーマアビリティは、無限のビジュアルカスタマイズオプションを提供します。 ブラウザに配信する1カ所のシステムなので、特別なプラグイン、他のソフトウェアのメンテナンスを必要としません。

コンポーネント

Ext JSは、早くアプリケーションを構築するためにグラフィックコンポーネントを提供しています。そして様々なコンポーネントに関して、全てAPIドキュメンテーションに記述されていているのと、動作するサンプルが用意されています。 これは、あなた自身が複雑で非常に多くの時間をかけてコンポーネントを構築するのを任せられる、既存のJavaScript技術に勝る大きなアドバンテージです。 実は、Ext JS ドキュメンテーションは、APIドキュメンテーション、ガイド、ビデオ指導と動作するサンプルを特徴としたインタラクティブサイトです。 Senchaは、強力なオンラインリポジトリで、我々開発者の質問に答えてくれた。

開発スピード

Ext JSのコーディングは、主にグラフィカルユーザーインタフェースに関する宣言で、あなたは、最小の定義コードとコンポーネントのレイアウトを書きます。 Ext JS MVCでの実装では、クライアントサイドのイベントハンドリングもまた、最小のコーディングで済みました。 これは一般的に、Ext JS のための理想的なアプリケーションと、クライアントサイドのシステムです。なぜならクライアントコードは、可視化情報に限られているからです。 目標は、可能な限り最小のコードで記述することです。 これは、Ext JS のグラフィカル ユーザー インターフェイスを開発するには、非常に高速で効率的です。なぜなら、必要なコードは最小で、既存のコンポーネントとパターンが利用できるからです。

Portfolio Summary Reportは、Ext JSで統合したジャスパーレポートプラットホームから開始される多くのレポートの1つである。 Ext JS は、IncenTrakでレポート配信に必要ないくつかのフィルターをラップします。 このレポートはPDF形式です。

ブラウザ互換性

Ext JS テーマ機能は、革新的なブラウザ互換な手法を提供してくれます。 モダンブラウザは、最新のCSSを利用することができます。 モダンブラウザには、最新 CSS規格が利用できますが、サポートされていないブラウザでは、CSSの視覚エフェクトの代わりに、動的に生成されたイメージを使用して同じの視覚効果を提供します。 例えば、Chromeにおいて傾斜している陰影のついた丸いボタンはCSSによって描画されます。古いブラウザでは、そのボタンはイメージとして描画されます。 結果は、異なる2つのブラウザでも、見た目は同じです。 AppFoundationは、この事例でHTML5 ブラウザ互換に関するケーススタディを詳述した。

Ext JSを利用するビジネス価値

小規模チームが 3 ヶ月未満で、既存インフラストラクチャと統合して、完全にゼロから記述し始めて、バックエンドからフロントエンドをリリースできました。 Ext JSは、Seleniumような既存のユーザー受け入れテストツールをサポートし開発、テストと安定性を補助する。 互換性のあるHTMLとJavaScriptベースコンポーネントとGoogle Mapsとレポーティングのような他のテクノロジーが、早くて簡単な実装を実現可能にした。 私たちは、開発を早く完了させて、クライアントへのかなりのコストを抑えることができました。

新しいデベロッパーへのアドバイス

既存のツールとテクノロジーを利用しましょう。 Sencha Architect は、コンポーネントとExt JSアプリケーションの初期段階でのフレームワークを配置するためのかけがえのないツールです。 Seleniumを使ってフロントエンドのテストを自動化しましょう。 それは、速くて、簡単で、アプリケーションが確実に安定します。 わざわざゼロから構築するようなことをしてはいけません、適する既存のコンポーネントと基盤を利用しましょう。

調査結果をコミュニティで共有しましょう。 コードを書いて、難しい問題の解決方法を見つけたとき、そのコードにタグをつけてブログに投稿して共有しましょう。 あなたのほんのわずかな時間で、他の誰かの役に立ちます。情報を共有していくサイクルを続けていってほしい。

最後に

Senchaは将来のウェブのために、HTML5開発を引っ張っている。 Ext JS は、コンポーネント、コード再利用、デスクトップエクスペリエンス、ブラウザー互換性、マルチプラットフォームサポート、そしてより良いユーザーエクスペリエンスを提供する。 AppFoundation は Ext JS と他のSencha製品によって、新しいエンタープライズ開発パラダイムの専門知識を提供しています。

PAGETOP