it-swarm-ja.com

Webアプリケーションのエンドユーザーエクスペリエンスとデータレポートを改善するにはどうすればよいですか?

エンドユーザーエクスペリエンスと、アプリケーションを使用することで得られるものを改善したい、適切に機能しているWebアプリケーション(Java /サーブレット/ Jsp)があります。 Webアプリは、htmlフォームを介してビジネスデータをキャプチャし、Oracleデータベースに格納します。フォームデータの入力検証が良好です。データをHTMLページに表示します。しかし、私は自分のデータのレポート機能を改善したいのですが、それを単なるリポジトリにしたくありません。

例として、Out Of Plantスケジューラーがあります。従業員は、出張、休暇、陪審義務などの日付を入力します。現在、一連のプルダウンを使用して、従業員ID、日付、カテゴリ、次に表示する2つのボタンでデータをフィルタリングしています。リスト形式またはカレンダー上のデータ。これはうまく機能しますが、今はもっとフィルターを追加したいと思います。誰かが部門123の従業員のみによる出張イベントのみを表示したい場合はどうなりますか。または、ユーザーが休日および陪審義務イベントを表示したい場合はどうでしょうか。 htmlフォームウィジェット、プルドン、チェックボックス、および検索フィールドだけを使用するより良いものはありますか?

これが私のすべてのWebアプリのジレマです。私はデータを収集し、このデータを単なるデータではなく情報としてエンドユーザーに提示する優れた方法を求めています。

これはjquery、ajax、BIRTなどの仕事ですか?エンドユーザーフィルターを適用して考えたクエリの棒グラフとグラフを簡単に作成する方法も望まれています。もちろん、上級管理職はExcelドキュメントが大好きです。現在、Javaサーブレットで応答ヘッダーを指定することにより、Excelを吐き出すことができます。

ところで、これは一人の男のショーです、私はプログラマーでありデザイナーです。

2
jeff

ExtJSライブラリ には非常に強力なグリッドコントロールがあり、列の並べ替えや非表示、検索、並べ替えなどが可能です。見た目も良いです。 ExtJSにはグラフのコントロールも含まれますが、純粋なJavaScriptとIMOの方が柔軟であるため、代わりに Flot を使用することを好みます。

1
ammoQ

私はJavaにあまり詳しくありませんが、グラフを簡単に実装するための可能な方法として、 Google Charts API を確認してください。他のUIに関する質問については、この質問を IパターンライブラリとWebサイト で確認してください。あなたはそこに何か役に立つものや刺激的なものが見つかるはずです。

0
Virtuosi Media

配信にある程度の柔軟性がある場合は、Adobe FlexのようなRIAテクノロジーを利用して、ウィジェット/コンポーネント(完全なアプリではない場合でも)を開発できます。それ以外の場合、他のオプションは、jQuery、CSS、およびその他の純粋なWebテクノロジーを使用して「クールな要素」を実現しますが、ブラウザー間の互換性に独自の課題を生じさせます(FlexとFlash Playerから保護されます)。 Dojoツールキットも興味深いオプションですが、独自の課題もあります。

0
pinkeerach

あなたはグーグルチャートと視覚化APIをチェックすることができます。それらは非常にJavaScript指向であるため、データベースからデータを取得して必要な配列に入力する方法を心配するだけで、非常に優れたグラフが表示されます。はい、チャートを表示すると、いくつかのベルとホイッスルが追加されます。

オープンソースのフラッシュチャートエンジンもあります http://teethgrinder.co.uk/open-flash-chart/index.php

また、dashboardzone.comをチェックして、データをグラフとして表示する方法に関するアイデアを入手してください。

0
Nilesh

Google Charts APIと同様に、私はお勧めします Highcharts かなり派手です–inflashと混同しないでください–利用可能なデータを視覚化する優れた方法です。これは、利用可能な場合にSVGを使用する別のJavaScriptチャートライブラリであり、IEの代替メソッドです。いずれにせよ、それはほとんどHTML、JavaScript、CSSです。 Highchartsはライセンスソフトウェアであり、クラウドの「サービス」ではありません。 Google Charts APIよりもニーズに合う可能性があります。ライセンス情報について: http://www.highcharts.com/license

0
sholsinger