Agenda 背景 -J2EE 環境におけるインタフェースの課題 - リッチクライアント採用の課題 GUI コンテナという考え方 ( FlyingServ J-Frame Server のご紹介 ) 標準 Java 環境をサポートした GUI コンテナ Applet がサーバで動く事の意味 GUI

Size: px

Start display at page:

Download "Agenda 背景 -J2EE 環境におけるインタフェースの課題 - リッチクライアント採用の課題 GUI コンテナという考え方 ( FlyingServ J-Frame Server のご紹介 ) 標準 Java 環境をサポートした GUI コンテナ Applet がサーバで動く事の意味 GUI"

きよはるなぐも
5 years ago
Views:

1 Java Conference主催 Javaに関する技術応用表現大賞 99 技術部門大賞受賞ユーザビリティの高い J2EEシステムを構築するには J-Frame Serverのご紹介プラットフォームソリューション事業部

2 Agenda 背景 -J2EE 環境におけるインタフェースの課題 - リッチクライアント採用の課題 GUI コンテナという考え方 ( FlyingServ J-Frame Server のご紹介 ) 標準 Java 環境をサポートした GUI コンテナ Applet がサーバで動く事の意味 GUI 部品によるアプリケーション開発 J2EE アプリケーションとの連携 J2EE フレームワークとの連携 Java 開発ツールを使った GUI-J2EE アプリの一貫開発活用事例

3 背景 -J2EE 環境におけるインタフェースの課題 -

標準プラットフォームの遷移データを自由に活用したい! 高価なホストは必要ない! オープンサーバの登場クライアント管理が大変! アプリ開発が大変! クライアント / サーバ毎の開発を止めたい! TCO を削減したいインターネット技術の普及 DB 特定ベンダーに依存したくない! アプリ開発の効率を上げたい!

4 標準プラットフォームの遷移データを自由に活用したい! 高価なホストは必要ない! オープンサーバの登場クライアント管理が大変! アプリ開発が大変! クライアント / サーバ毎の開発を止めたい! TCO を削減したいインターネット技術の普及 DB 特定ベンダーに依存したくない! アプリ開発の効率を上げたい! J2EE の登場フレームワーク技術の普及 Web アプリ言語システムを自由に連携したい! 自由にリソースを使いたい Web Services の登場仮想化技術の発展 Web Services J2EE COBOL VB etc システムの操作性はクライアント / サーバシステムの時代より低下したまま! ホスト / オフコンクライアント / サーバシステムイントラネットシステム J2EE システム 1990 年 1995 年 2000 年

5 ユーザインタフェースの課題システムが Web 化されると操作性は悪くなった! ( エントリ業務の効率低下! オフコンの方がまだ良かった!) システム開発者が利用者の要求を聞かなくなった! 設計した画面が Web ブラウザでできるのか?? 設計に時間がかかる! Web ブラウザのスクリプトデバッグが大変!

6 業務システムにおけるユーザビリティの重要性 (Web システムとの両立の重要性 ) Web システムユーザビリティの問題エントリー業務にパート 100 名が従事ところが Web システムの操作性が悪いがために必要な量をこなせず皆を一時間残業させた事業的な損害どちらを優先したらいいか? C/S システム運用管理の問題 C/S 型のエントリーシステムを稼動多くのユーザからの問い合わせ対応のためクライアント VB プログラムと SQL*Net の設定を行う専任サポート員を任命した運用管理コストの増加

7 リッチクライアント採用の課題

8 一般的なリッチクライアントの仕組みリッチクライアントの実行環境を予め Web ブラウザにインストール GUI アプリケーション ( または GUI 定義ファイル, スクリプト等 ) を Web の仕組みを使ってダウンロードしユーザインターフェース処理を実行サーバ側のデータは SOAP 等を使った C/S 連携処理にて実現 Web アプリケーションサーバ Web ブラウザリッチクライアント実行環境 1Web アクセス Web サーバ J2EE J2EE J2EE アプリケーションアプリケーションアプリケーション GUI GUI アプリケーション GUI アプリケーションアプリケーション 3C/S 連携 2 ダウンロード GUI GUI アプリケーション GUI アプリケーションアプリケーション

9 リッチクライアント採用の課題クライアントに専用実行環境が必要となる標準的なプラグイン Flash,AdobeReader,JavaPlugin これ以外はクライアント開発に専用ツールが必要になるクライアント専門の開発チームができてしまうクライアントプログラムとサーバプログラムは組み合わせフェーズにならないと連携確認ができないまるで昔 C/S システムを開発した時と同じ苦労がサーバからデータを持ってくる時間を考えるとクライアントで一部ビジネスロジックを実装しないとシステム利用者の要求を満たさないといったことがある J2EE ではビジネスロジックは全てサーバに置けというが

10 東芝ソリューションの考える J2EE の為のリッチクライアントとは? クライアント環境に依存しないアーキテクチャでかつ C/S 型と同等の操作性を実現できること! オープンな標準技術で実現すること! 独自の開発言語開発ツールでしばらないこと! J2EE を補完し J2EE の約束事を乱さないこと!!

11 GUI コンテナという考え方 ( FlyingServ J-Frame Server のご紹介 )

12 FlyingServ J-Frame Server とはサーバで GUI アプリケーションを動作させる環境を提供 (GUI コンテナ ) サーバで動作するためクライアント管理コストの増加を招かないサーバ側リソースを自由にアクセス GUI アプリと J2EE アプリは Java プログラムどうしの連携で一体となって動作 GUI アプリは JSP より起動 Struts などのフレームワークで使用可能標準 Java 仕様に準拠 J2EE アプリケーションサーバ Web ブラウザ Java Plugin J-Frame Server GUI エンジン 1Web アクセス 2 サーバから画面描画 3 キー入力 Web サーバ J2EE アプリケーション J2EE J2EE アプリケーションアプリケーション (Servelet, EJB, Beans) トランザクションの呼出し (DB 処理計算処理など ) GUI アプリケーション GUI GUI アプリケーションアプリケーション (Applet) サーバ側 Java 環境システム使用時に一度だけ自動ダウンロード J-Frame Server

標準実行環境 ) ネットワーク Java プラグイン GUI アプリケーション (Applet) J-FrameServerGUI 部品 HTTP/HTTPS 描画命令 J-Frame Server

13 動FlyingServ J-Frame Server の仕組み GUI 転送機能を付加した Java 標準実行環境とビジネス用 GUI 部品 DB サーバ Web Web アプリケーションサーバアプリケーションサーバ J2EE アプリケーション起JSP HTTP/HTTPS クライアント Web ブラウザ J-Frame Server GUI コンテナ (Java 標準実行環境 ) ネットワーク Java プラグイン GUI アプリケーション (Applet) J-FrameServerGUI 部品 HTTP/HTTPS 描画命令 J-Frame Server GUI エンジン ( アプレット ) J-Frame Server GUI コンテナ Swing アプレットのライフサイクルを管理する Java コンテナ J-Frame Server GUI 部品 Swing で作成された JavaBeans

14 標準 Java 環境をサポートした GUI コンテナ Java 標準の GUI API(AWT, Swing) をサポート SUN の認証を受けた Java 標準互換環境を提供特別なスクリプトや API の習得不要独自 API に縛られないオープンな開発が可能 GUI ビルダやサードベンダの提供する多彩な部品やツールを使用可能 GUI アプリケーション (Applet) は JSP から呼び出し Struts などの J2EE のフレームワークで使用可能クラスのキャッシュ等様々な GUI アプリケーション高速起動のしくみ ( サーバアーキテクチャにしかできない ) HTTP による通信 J2EE 環境における標準的な通信プロトコルである HTTP/HTTPS をサポートファイアウォール越しのアクセス HTTPS を使用して通信データ暗号化

15 JSP および連携 AP I の例 GUI モジュールを起動する JSP の例 <%@pagecontenttype="text/html"%> <%@tagliburi="/web-inf/fservts-fjlet.tld"prefix="fsts"%> <html> <head><title>samplefjletpage</title></head> <body> <fsts:fjletcode="sample.class"width="800"height="600"/> </body> </html> GUI モジュールと Beans との連携例 (GUI モジュール側の API 呼び出し例 ) GUI コンテナから JavaBeans へアクセスするための参照を取り出す sample.class を GUI モジュールとして GUI コンテナ内で実行表示される画面は JSP から生成されるページ内に埋め込まれて表示記述方法は Applet タグに準ずる GUI コンテナ内で実行するモジュールを指定するためカスタムタグとして "fsts" を定義 manager=fjremotescope.application.getattribute( manager"); manager.setproperty("day",newdate()); Beans の setday() メソッドを呼び出して日付を JavaBeans に設定

16 Applet がサーバで動く事の意味 J-Frame Server を使えば全てサーバプログラムとして開発できるので C/S 通信処理の設計は不要アプレットの制限なしにサーバ側のリソース (DB, ファイルなど ) をアクセス GUI アプリケーションから Beans や Beans 経由で EJB にアクセス Struts などのフレームワークとの連携も可能 J-Frame Server を使えばクライアントからの操作なしでサーバ側からクライアント画面を更新可能サーバ情報のリアルタイム表示 ( 株価情報など ) サーバ側の状態の監視 ( サーバ接続機器の監視など ) J-Frame Server を使えばキャッシュ技術による Applet の高速起動が可能アプレットの 1VM マルチアプリによる効率的なメモリ管理を実現

Java プラグイン GUI アプリケーション (Applet) J-FrameServerGUI 部品 HTTP/HTTPS 描画命令

17 動サーバリソースのアクセス DB サーバ Web Web アプリケーションサーバアプリケーションサーバ J2EE アプリケーション起JSP HTTP/HTTPS クライアント Web ブラウザ J-Frame Server GUI コンテナ (Java 標準実行環境 ) ネットワーク Java プラグイン GUI アプリケーション (Applet) J-FrameServerGUI 部品 HTTP/HTTPS 描画命令 J-Frame Server GUI エンジン ( アプレット ) GUI アプリケーションがサーバにあるので入力されたコードを元に DB 検索なども容易に実現!!

18 サーバ側からクライアント画面を更新する例サーバ側の状態を即時にクライアント側に表示グラフも刻々と変化最新の状態に更新するためには更新ボタンを押すなどクライアント側からの操作が必要サーバ側で発生する事象をニュースとしてリアルタイムに通知

19 GUI 部品で簡単アプリケーション開発ビジネスで多用される GUI を部品として提供 GUI 部品はプロパティの設定だけのノンプログラミングで動作オフコンや VB 画面から Web への移行が容易フォーカス移動や入力化不可制御などストーリー性のあるユーザインタフェースをノンプログラミングで開発可能 J2EE との連携機能をサポート JavaBeans の仕様に準拠市販の GUI ビルダで使用可能

20 JBuilder を使った GUI 部品プログラミング例 J-Frame Server が提供する GUI 部品部品の動きを設定かな漢字 ON 編集タイプガイダンス用文字列フォーカス移動順序 etc

21 パネル設定によるイベントアクション定義イベント定義イベント定義イベントの種類と監視対象コイベントの種類と監視対象コンポーネントを指定ンポーネントを指定カスタマイザにカスタマイザにより設定開始より設定開始条件定義条件定義イベントが発生したイベントが発生した時にチェックする時にチェックする条件を指定条件を指定アクション定義アクション定義条件チェックの結果条件チェックの結果実行するアクション実行するアクションを指定を指定 JBuilder のカスタマイザから表示される設定画面を使ってノンプログラミングでアクションを定義

22 J2EE アプリケーションとの連携 J2EE 連携部品で J2EE アプリケーションと簡単連携アプレットのイベントで J2EE 側のアクションを直接呼び出しアプレット -J2EE 間の通信処理不要 Applet 側のデータを J2EE コンテナで取り出し J2EE アプリケーションから Applet へ処理結果をセット J2EE 連携部品がない場合 Applet GUI コンテナユーザアクションクラスアクションイベント受信フィールドデータ取得フィールドデータ送信新フィールドデータ受信新フィールドデータセット J2EE へ中継するためだけに必要なアクションクラスアプレットと J2EE 間の通信はユーザが記述ビジネスロジック処理クラスフィールドデータ受信ビジネスロジック実行新フィールドデータ送信 J2EE コンテナ J-Frame Server の J2EE 連携部品 Applet GUI コンテナアクションイベント発生 GUI 部品スタブを利用してフィールドに直接反映リモートユーザアクションクラスアクションイベント受信フィールドデータ取得ビジネスロジック実行新フィールドデータセット J2EE コンテナ

23 J2EE フレームワークとの連携 (1) フィールド情報マージ機能 HTML とApplet が混在画面した画面データの一括 Submit J2EE コンテナ J2EE フレームワークアクションサーブレットなど連携用フィルタ HTTP 何もしないマージする HTTPor 独自 API HTTP Web ブラウザサーバ側アプレット GUI 部品の値を取り出し送信 Web ブラウザ THML 部分 ( アプレット以外の部分 ) の値を送信 Submit の開始通常の Submit Submit の開始 J-FrameServer を使ったページの Submit

24 J2EE フレームワークとの連携 (2) ブラウザの戻る進むのサポートページ遷移時 GUI 部品のデータを J2EE のセッション上への保存同じページを表示した際セッションからデータをロードアプレットとの init() の最後に panel の init() Applet の stop() に panel の stop() を呼び出す publicclassreloadappletextendsjapplet{ privatefjsmartpanelpanel; publicvoidinit(){ } } } panel.init(); publicvoidstop(){ panel.stop(); セッションからデータを取り出し GUI 部品にセットパネル上の GUI 部品のデータを取り出しセッションに保存

25 Java 開発ツールを使った GUI-J2EE の一貫開発標準的な Java 開発ツールを使って GUI プログラム -J2EE プログラムの一貫開発を実現これは J-FrameServer 特有の機能ではなく元々 Java が持っていた能力! どちらのアプリケーションにもブレークポイントを挿入可アプレットビューア GUI アプリケーション J2EE 連携部品 J2EE アプリケーションアプリケーションサーバ Java 開発ツール (JBuilder,JDeveloperetc)

26 Eclipse+Tomcat との組み合わせデバック画面銀行コード入力したところでストップ (J2EE 側ロジック )

27 FlyingServ J-Frame Server 動作環境サーバ ( アプリケーション実行側 ) 対応 Java バージョン JDK1.3.1 JDK1.4.2 OS WindowsNT4.0 Windows2000 Windows2003,Solaris8 9 Linux(RedHatLINUX7.3J,MIRACLELINUX2.1) 必要メモリ最小 256MB 以上推奨 512MB 以上必要ディスク容量 40MB 以上対応アプリケーションサーバ IBMWebSphereApplicationServer5.0 BEAWebLogicServer8.1 SunJavaSystem ApplicationServer7.0 OracleApplicationServer10gv9.0.4 ApacheTomcat4.1 クライアント ( 表示側 ) OS 必要メモリ必須ソフトウェアブラウザ GUI ビルダ (GUI 部品 ) Windows98 WindowsNT4.0 Windows2000 WindowsXP 最小 32MB 以上推奨 64MB 以上 JRE1.3.1(JavaPlug-In 1.3.1) サーバ側がJDK1.3.1 の場合のみ JRE1.4.2(JavaPlug-In 1.4.2) MicrosoftInternetExplorer5.5,6.0 NetscapeNavigator4.7,7.x BorlandJBuilder9 X 2005 OracleJDeveloper10g (Eclipse J2EE 連携による開発のみ (VisualBuilder は除く ))

28 適用事例

29 株式会社 TKC 様における適用事例 e-task 財務会計マスターシステムの概要地方公共団体向けの電子決裁対応財務会計システム導入規模 2004 年 4 月現在 67 サイト 3150 クライアントライセンスシステムの要求 (a) 現行システムの問題点の解消低速回線におけるクライアントソフトウェア配布時間大 (b) 現行システムのユーザインターフェースをキープ実用に耐え得るアプリケーション起動時間複雑な帳票系 GUI 本製品の適用事例株式会社 TKC 様における適用事例 - e-task は株式会社 TKC の登録商標です

30 本製品の適用事例株式会社 TKC 様における適用事例 - アプリケーション画面メニュー画面入力画面

31 URL 商品紹介 HomePage: htp://flyingserv.toshiba-sol.co.jp Java およびすべての Java 関連の商標およびロゴ及び Solaris は米国および他の国における米国 SunMicrosystems,Inc の商標または登録商標です Microsoft Windows WindowsNT は米国 Microsoft Corporation の米国及びその他の国における登録商標です Netscape および Netscape Navigator は Netscape Communications Corporation の商標または登録商標です Oracle と Oracle のロゴは Oracle Corporation の登録商標です Oracle10g Oracle10g Application Server は Oracle Corporation の商標です IBM と WebShpere は IBM Corporation の商標です BEA および BEA WebLogic は BEA Systems, Inc. の登録商標です BEA WebLogic Server は BEA Systems, Inc. の商標です Borland ブランドおよび Jbuilder は Borland Software Corporation( 旧社名 Inprise Corporation) の米国またおよび他国における商標または登録商標です Macromedia および Flash は Macromedia, Inc. の米国およびその他の国における商標または登録商標です Adobe Adobe ロゴ Reader は Adobe Systems Incorporated( アドビシステムズ社 ) の米国ならびに他の国における商標または登録商標ですその他の社名製品名はそれぞれ各社の商標または登録商標です本資料に掲載の商品名称はそれぞれ各社が商標として使用している場合があります本内容は変更する場合があります詳細は仕様書あるいは説明書をご覧下さい

32 プラットフォームソリューション事業部

JACi400のご紹介～RPGとHTMLで簡単Web化～

JACi400のご紹介～RPGとHTMLで簡単Web化～セッション No.4 JACi400 のご紹介 ~RPG と HTML で簡単 Web 化 ~ 株式会社ミガロ RAD 事業部技術支援課営業推進岩井利枝 1 Agenda ミガロご提供ソリューションのご紹介 JACi400の概要 4つの開発ステップのご紹介 JACi400ご利用のメリット 2 ミガロご提供ソリューション開発ツール (C/S Web 開発 ) Delphi/400 開発ツール (Web