POWER UP ソリューションフェアソリューションフェア2014 Web

POWER UP
ソリューションフェア2014
ソリューションフェア
2014
Webアプリケーション100%自動生成ツール
「Web Performer」のご紹介
2014年11月28日
キヤノンソフトウェア株式会社
ソリューション企画部販売推進課
杉本達雄
ここ数年のシステム開発トレンド
開発の⾼速化や内製化が雑誌やセミナーで流⾏
超⾼速開発
軽い内製
⽇経コンピュータ
⽇経コンピュータ
2012/03/15 特集「超⾼速開発」
2013/01/10 特集「軽い内製」
セミナー開催
2013/08/06 「超⾼速開発コミュニティ発⾜」
・・・
2014/07/18 「第7回セミナー上流⼯程ツールとの連携事例報告」
2014/08/22 「第8回セミナー超⾼速だけど⼤規模開発」
BRMS
Business
Rule
Management
System
■2■
Copyright CANON SOFTWARE INC. 2014
流⾏の背景は業務アプリケーション開発の課題
低コスト
短納期
高品質
Web Performerをお勧めします
出展：グレープシティ(株) 2010年4⽉業務アプリケーション開発現場の現状と課題
■3■
Copyright CANON SOFTWARE INC. 2014
導入事例
累計導⼊社数
350社
順不同
ユーザ企業様
・サッポロビール株式会社
・大鵬薬品工業株式会社
大鵬薬品工業株式会社
・日本通運株式会社
・とぴあ浜松農業協同組合
・京セラクリスタルデバイス株式会社
・科研製薬株式会社
科研製薬株式会社
・清水建設株式会社
・東京航空計器株式会社
・日機装株式会社
日機装株式会社
・千葉ガス株式会社
・三井住友海上火災保険株式会社
・東急不動産株式会社
システムインテグレータ様
・株式会社日立ソリューションズ
・新日鉄住金ソリューションズ株式会社
新日鉄住金ソリュションズ株式会社
・西日本コンピュータ株式会社
・株式会社エムアンドシーシステム
・株式会社オーユーシステム
・東洋ソフトウェアエンジニアリング株式会社
東洋
トウ
ジ
リグ株式会社
・株式会社ユニットシステムエンジニアリング
■4■
・AJS株式会社
p.4
Copyright CANON SOFTWARE INC. 2014
導入事例
※当一覧掲載の企業名はユーザリポートの作成にご協力いただいたお客様です
お客様名
従業員数／事業内容
特長
清水建設
株式会社様
11,137名／
,
名／
建築・土木等建設工事の
請負(総合建設業)
短期間で属人性を排除したシステムを内製化。
IT資産管理システムにワークフローを取り込み
申請から決裁迄を短縮。進捗の見える化を実現。
とぴあ浜松
農業協同組合
（JAとぴあ浜松）様
1,622名／
1
622名／
農業協同組合
Webアプリケーション初挑戦で9システムを5カ月
でスピード開発。ユーザーへのサービスを向上
サッポロビール
ポビ
株式会社様
2,644名／
2
644名／
ビール・発泡酒・その他
酒類の製造・販売
Notesアプリのマイグレーション
「作らずにく
「作らずにつくる、捨てられる」開発とは。
捨られ開発と
大胆な発想の転換で未来につながる新しい情報
基盤を構築
科研製薬
株式会社様
1,739名／
医薬品、医薬部外品、
医療機器、動物用医薬品
農業薬品等の製造販売
SAP連携のワークフローシステム
SAP連携のワ
クフロシステム
ソースコードの自動生成と標準化で開発ローテー
ションを実現し、多様化するユーザニーズにチーム
で対応
西日本コンピュータ
株式会社様
186名／
システムインテグレーション
オリジナルパッケージソフト
ウア開発
ウェア開発
北九州市が基幹システムを大規模再編。
1000画面以上のシステム開発において
納期短縮とコスト削減を自動生成により達成。
■5■
Copyright CANON SOFTWARE INC. 2014
導入事例
※当一覧掲載の企業名はユーザリポートの作成にご協力いただいたお客様です
お客様名
従業員数／事業内容
特長
三井住友海上
火災保険
株式会社様
14,478名／
14
478名／
グローバルに保険・金融サービ
ス事業を展開
アジャイルスタイルでシステムをスピード構築
使いながら最適化を目指す手法
使いながら最適化を目指す手法。
社員の要望をスピーディーに答えることが
可能となり、1年で24システムを構築
東急不動産
株式会社様
541名／
マンション・戸建からオフィス、
商業施設等の総合不動産業
レガシーシステムのマイグレーション
レガシ
システムのマイグレシン
低コスト・短期間で内製化を実現。ユーザ部門と
の要件定義に注力して高品質なシステムを構築。
千葉ガス
株式会社様
218名／
都市ガス、LPガスの供給
ガス機器販売・設置
住宅設備機器販売・工事
スパゲティ状態に陥った大規模システムを
オープン化で全面リニューアル。
属人性排除で開発成果継承も可能になった。
IBM i・基幹システムのオープン化
幹
化
京セラクリスタル
デバイス株式会社様
647名／
人工水晶の育成から各種
水晶応用製品の製造まで
一貫して開発生産
ユーザビリティの向上を目指し
IBM i・Accessのマイグレーション
システム統合とサービス向上を実現した
システム統合とサ
ビス向上を実現した
日機装
株式会社様
1,407名／
要員増なしで、初のWebシステムを内製化。パイ
特殊ポンプ、発電所向け
ロットプロジェクトの成功が全社的業務効率化へ
水質調整システムなどの製
道筋
し
i連携。
連携
の道筋を示した。IBM
造・販売・メンテナンス
■6■
Copyright CANON SOFTWARE INC. 2014
Webアプリ自動生成ツール「Web Performer」
基本設計情報に基づきリポジトリを登録
業務要件
実装要件
100%自動生成
承認者
業務用
Webｱﾌﾟﾘｹｰｼｮﾝ
起案者
分類分岐
JavaScript
JSP
Servlet
JavaBeans
承認者
■7■
Copyright CANON SOFTWARE INC. 2014
自動生成の概念
マルチブラウザ
スキーマ
情報
データモデル
（DM）
自
動
生
成
入出力
（IO）
画面
情報
入出力
（MOBILE）
業務
ロジック
ジク
IE
Chrome
Firefox
Safari
スマートデバイス
JQuery
Mobile
ビジネスプロセス
バチアプリケシン
バッチアプリケーション
（BP）
ノンプログラミングで
アプリケーションを自動生成
windows
AIX
RedHat
Solaris
■8■
Copyright CANON SOFTWARE INC. 2014
特長①：高速開発
通常のJava開発工程
基本設計
詳細設計
項目設計
オブジェクト
設計
DBテーブル
レイアウト
機能設計
クラス図
画面レイア
ウト
等
単体
テスト
プログラマーの
コーディング作業
単体テスト
仕様書
システムフ
ロー
プログラミング
リポジトリ定義
簡略
シーケンス
図
結合
システム
テスト
テスト
結合テスト
仕様書
システムテスト
仕様書
機能テスト
結合テスト
運用テスト
性能テスト
等
等
従来通り
基本設計
出典： StatCounter Global Stats
簡略
詳細
設計
WP
単
体
Web Performerによる開発工程
結合
システム
テスト
テスト
従来通り
実装の工数を
実装の
数を
大幅削減
手戻りの削減
■9■
Copyright CANON SOFTWARE INC. 2014
特長②：習得が容易（Javaスキル不要）
オブジェクト指向を意識することなく開発可能
業務知識とDB設計知識でWebアプリケーションを開発
設計情報
機能定義書
CRUD
オブジェクト指向
HTML
Java
ＤＦＤ
ＥＲ図
リポジトリ
設計書情報を
リポジトリに登録するだけ
■ 10 ■
Copyright CANON SOFTWARE INC. 2014
（ご参考）ご導入ユーザ様の習得期間
73%のユーザが、2ケ月以内に
W b Performerの操作を習得しています。
Web
P f
操作を習得し
ます
第5回 Web Performer Developers Meeting
（2013年3月6日開催）顧客アンケート結果より
（2013年3月6日開催）顧客アンケ
ト結果より
■ 11 ■
Copyright CANON SOFTWARE INC. 2014
特長③：実行環境にランタイム不要
クライアント
ブラウザ
サーバ
ユーザインターフェース部
ザインタフ
ス部
ビジネス
プロセス部
データ
アクセス部
画面
入出力情報
画面制御
アプリケシン
アプリケーション
業務ロジック
業務ロジック
駆動
画面表示
JavaScript
p
CSS
アプリケーション
DB
DB
JSP
Servlet
JavaBeans
Apache OJB
Spring Framework
100% Pure Javaのアプリケ
Javaのアプリケーションを自動生成
ションを自動生成
■ 12 ■
Copyright CANON SOFTWARE INC. 2014
Ajaxによる高操作性Webの自動生成
画面表示レスポンスが速く、ますます操作性の高いアプリケーション１００％自動生成を実現
データ入力に伴う
自動計算
Ajaxによる
画面項目の
部分再描画
Enterキーやフル
桁キーで自動カー
ソル遷移
データ候補を
表示する
サジェスト機能
データに応じて表
示項目切り替え・
デタ取得
データ取得
■ 13 ■
■ 13 ■
Copyright CANON SOFTWARE INC. 2014
開発画面 GUIエディタ
・画面のレイアウトの設定をグラフィカルに行い、プレビュー参照も可能です。
・定義内では、カーソルの移動順や項目間の参照関係を確認できます。
従来の表形式による画⾯設定
レイアウトエディタ画⾯
デザインテーマの切替や
設計を補助するツール群
同期
従来の定義⼿順と
双⽅向の定義が可能
プレビュー画⾯
項⽬の参照関係や
移
表
カーソルの移動順表⽰
ドラックアンドドロップ
によるレイアウト定義
CSVデータに
よるテストデータ表⽰
■ 14 ■
p.14
Copyright CANON SOFTWARE INC. 2014
スマートデバイス対応イメージ
一覧画面
親子画面
入力画面
■ 15 ■
Copyright CANON SOFTWARE INC. 2014
スマートデバイス＜概要＞
クライアント種別を判断して、該当画面へ自動遷移
クライアント
ブラウザ
PC
アクセス
URL
初期画面
URL
（共通）
サバ
サーバ
ユーザ
インターフェース部
データ
アクセス部
PC画面
（PC入出力定義）
モバイル画面
（モバイル入出力定義）
アプリケーション
DB
（DM定義）
モバイル
命名ルール
PC入出力定義のサフィックスに「_MOBILE」が必要
① PC入出力定義の入出力コード
SYOHIN_LIST
② モバイル入出力定義の入出力コード
SYOHIN_LIST_MOBILE
■ 16 ■
Copyright CANON SOFTWARE INC. 2014
多国語対応イメージ
・Unicodeを採用しているため、初期設定済みの「日本語、英語、中国語（簡
体字）」以外の言語にも対応可能。
・エンドユーザのブラウザ言語設定に合わせて、自動切り替え可能
エンド
ザのブラウザ言語設定に合わせて自動切り替え可能。
日本語
英語
中国語
その他⾔語
・・・
■ 17 ■
Copyright CANON SOFTWARE INC. 2014
多国語対応＜概要＞
・リポジトリ定義、生成アプリは一つ。
プ
・必要な言語分の「言語リソースファイル」を用意して頂いて自動生成する。
（メッセージ、ラベル名、ボタン名）
DM
スキーマ
スキ
マ
情報
IO
画⾯
情報
BP
ビジネス
ロジック
⾃動⽣成
Webアプリケーション
Webアプリケ
ション
⽇本語
英語
中国語
言語リソースファイル
言語リソ
スファイル
日本語
英語
中国語
■ 18 ■
Copyright CANON SOFTWARE INC. 2014
バッチアプリケーション＜概要＞
・Webアプリケーションの資産(リポジトリ定義)を再利用可能。
プ
・DBのデータ、ユーザが用意したCSVファイルを入力データとして利用可能。
DM
スキーマ
スキ
マ
情報
IO
画⾯
情報
BP
ビジネス
ロジック
⾃動⽣成
DB
CSV
バッチ
アプリケーション
DB
処理(Java)
起動ファイル
CSV
(○○.bat、△△.sh)
■ 19 ■
Copyright CANON SOFTWARE INC. 2014
Web Performerのセキュリティリスク対策
・外部機関による診断サービスを実施。
SQL イン
ジェクション
SQLエラー
の発生
ディレクトリイ
デ
ンデックス
クロスサイト
スクリプティ
ング
Cookieの扱
い
セッションID
の保持方法
CSRF（クロ
スサイト・リク
ストフォ
エスト・フォー
ジェリ）
改行コ
ドイ
改行コードイ
ンジェクショ
ン
■ 20 ■
Copyright CANON SOFTWARE INC. 2014
Web Performer V1.4.1 動作環境
Web Performer V1.4.1 稼働環境
本番環境
開発環境
クライ
アント
OS
Windows Vista/7/8/8.1
Vista/7/8/8 1
OS
Windows Server 2003/2003 R2/2008/2008 R2/2012/2012 R2
R2、
AIX V6.1/V7.1、Solaris 9/10/11、RedHat EL5/6、IBM i V6R1/V7R1
ツール
Eclipse 4.2/4.3/4.4
APサーバ
Tomcat 5.5/6.0/7.0
データ
ベース
Oracle 11g/11g R2/12c、SQL Server 2005/2008/2008 R2/2012/2014、
MySQL 5.6、DB2 v9.5/v9.7/v10.1/v10.5、DB2 UDB for iSeries
Java
JDK6/7
APサバ
APサーバ
WebSphere 7.0/8.0/8.5/8.5.5、Oracle
7 0/8 0/8 5/8 5 5 Oracle Application Server 10.1.3.5、
10 1 3 5
Oracle Weblogic Server 11g 10.3.4以降/12c 12.1.1以降、
Tomcat 5.5/6.0/7.0、uCosminexus Application Server Standard V8.5/V8.7/V9.0
＊推奨環境：［CPU］Core 2 Duo2.13GHz以上
［メモリ］2.0GB以上［DISC］空き容量3.0GB以上
サーバ
サ
バ
クライ
アント
PC
アプリタイプ※1
PC
デバイスタイプ※2※3
スマートデバイス
iPad
OS
Windows
Vista/7/8/8.1
Mac OS X
V10.7/V10.8
ブラウザ
ラウ
Internet Explorer
p
Safari 6
7.0/8.0/9.0/10.0/
11.0、Firefox、
Chrome
iPhone iPad
iPhone,iPad
Android
i OS
i OS
Android
5.1/6.0/6.1/ 5.1/6.0/6.1/ 2.3/4.0/4.1/
7.0/7.1
7.0/7.1
4.2/4.3/4.4
版
モバイル版
イル版モバイル版
イル版モバイル版
Chrome
Safari
Safari
＊クライアント推奨環境：［CPU］Pentium 4 3
3.4GHz以上［
4GHz以上［メモリ］2.0GB以上
メモリ］2 0GB以上
※1 PCとスマートデバイスを併用する場合、アプリタイプを分けてそれぞれ画面を作成してください。
※2 Adobe Flexオプションは、OSが「Windows」のみの対応です。
※3 ワークフローオプションのクライアント環境は、ワークフローオプション稼動環境をご確認ください。
■ 21 ■
Copyright CANON SOFTWARE INC. 2014
IBMi
IBMiユーザ様必見！
ザ様必見！
■ 22 ■
Copyright CANON SOFTWARE INC. 2014
IBMi＋Web Performerアプリのシステム構成①
既存のIBMiの資産を有効活用
企業の資産であるIBMi上のデータベース(DB2
企業の資産であるIBMi上のデ
タ
ス(DB2 for i)を利用する
i)を利用することが出来ます
とが出来ます
Power Systems
OS ： V6.1/V7.1
DB ：DB2 for i
RPG Application
Web Server
DB
OS ： Windows Server
Web Sphere
Web Sphere , Tomcat etc
etc・・・
・・・
Webアプリ
Web
アプリ
Webアプリ
Web
アプリ
Web Client
5250 Emulator
5250 Client
OS ： Windows
■ 23 ■
Copyright CANON SOFTWARE INC. 2014
IBMi＋Web Performerアプリのシステム構成②
さらにこんなことも・・・
複数DB（DB/2 for i、ORACLE、SQLServer、MySQL）を対象としたWebアプリケ
i、ORACLE、SQLServer、MySQL）を対象としたWebアプリケーションの生成が可能
ションの生成が可能
Web Server
Power Systems
OS ： Windows Server
OS ： V6.1/V7.1
DB ：DB2 for i
RPG Application
DB
DB ：ORACLE,SQLServer,MySQL
DB
Web Sphere
Web Sphere , Tomcat etc・・・
etc・・・
Webアプリ
Web
アプリ
Webアプリ
Web
アプリ
Web Client
5250 Emulator
5250 Client
OS ： Windows
■ 24 ■
Copyright CANON SOFTWARE INC. 2014
IBMi既存資産の有効活用
IBM i
Web Performer
直接IBMi上のデータ
ベースを検索更新可能
処理対象A
PF（テーブル）
処理対象B
処
象
PF（テーブル）
BP(ビジネスプロセス）
画面値での更新処理
バッチ
プグ
プログラム
(CL,RPG)
拡張機能
※一部Javaプログラムの実
装が必要になります
Web Performerで自動生成するアプリケーションから、拡張機能
を利用してIBMi上のRPGプログラムを実行することができます
■ 25 ■
Copyright CANON SOFTWARE INC. 2014
5250画面をWeb化する際のポイント
¾ エミュレータのような軽快な入力操作が可能
¾ 現行スキルを活かしたWebシステム開発が可能
9 特別なスキルの学習を伴わない
9 要員を追加せずに開発が可能
¾ 既存資産(ＲＰＧ，ＣＬなど)の有効活用が可能
¾ 新しい要件を取り入れた開発が可能
Web化
Web Performerをお勧めします！
■ 26 ■
Copyright CANON SOFTWARE INC. 2014
W b Performer活用事例
Web
P f
活用事例
■ 27 ■
Copyright CANON SOFTWARE INC. 2014
アジャイル開発にも最適なツール
反復型開発で価値の高いものを優先的にリリースする
アジャイル型開発手法にもWeb Performerは威力を発揮します
プロダクトバックログ
プロダクト１開発
イテレーション
プランニング
プロダクト2開発
イテレーション
イ
シ
プランニング
プロダクト3開発
1週間
～
4週間
1週間
～
4週間
1週間
～
4週間
イテレーション
開発
自
動
生
成
で
開
発
効
率
ア
ッ
プ
リリース
プロダクト１
リリース
プロダクト２
リリース
プロダクト３
次の開発に向けてフィードバック
イテレーション
プランニング
■ 28 ■
Copyright CANON SOFTWARE INC. 2014
ソリューション連携①～BRMS連携～
PROGRESS Corticonは迅速にビジネスルールの追加＆変更ができ、
頻繁にルール変更が発⽣する業務システムに柔軟な対応が可能
パラメータ
法律
判定結果
業務ルール
経営環境
ノンプログラミングで
柔軟なインタフェース開発
ノンプログラミングで
ビジネスル
ル設定
ビジネスルール設定
■ 29 ■
Copyright CANON SOFTWARE INC. 2014
ソリューション連携②～BIツール連携～
Yellowfinは利⽤者に特別なＩＴ知識がなくても “いつでもどこでも” 必要な
データを照会・分析し、意思決定をスムーズに⾏うための情報分析ツール
■ 30 ■
Copyright CANON SOFTWARE INC. 2014
ソリューション連携③～エミュレータ連携～
既存のエミュレータで稼働しているシステムをTCPLink Enterprise Serverを
利⽤してWeb Performerで⾃動⽣成した画⾯から操作する仕組みです
エミュレータ
操作ライブララリー
開発
既存資産はそのまま
＋
連携ツール
■ 31 ■
Copyright CANON SOFTWARE INC. 2014
Web Performerの活用事例
Web Performerで自動生成したアプリケーションは企業内の様々なシステムで利用しています！
【基幹系業務システム事例】
・千葉ガス様
千葉ガス様「お客様情報管理システム」
「お客様情報管理システム
・西日本コンピュータ様(北九州市役所「人事給与システム」)
・オーユーシステム様「運送業者向けパッケージ～車楽～」
Linux
UNIX
Windows
<ユーザ部門>
※部門サーバ
【情報系システム・基幹系周辺システム事例】
・キヤノンMJグループ「立替経費システム」「講習会資格管理」
キヤノンMJグルプ「立替経費システム「講習会資格管理
・清水建設様「IT資産管理システム」
・京セラクリスタルデバイス様「試作品管理システム」
・東急不動産様「蔵書管理」「アフターサービスシステム」
・JAとぴあ浜松様「顧客情報検索」「コンプライアンス自主点検申告」
JAとぴあ浜松様「顧客情報検索「ンプライアンス自主点検申告
【部門システム事例】
・三井住友海上火災保険様「営業管理システム」
・キヤノンソフトウェア「商談管理システム」「顧客管理システム」
■ 32 ■
Copyright CANON SOFTWARE INC. 2014

Download Report