キヤノン IT ソリューションズ株式会社 ウェブパフォーマ ノンプログラミングで超高速開発 Webアプリケーション自動生成ツールでシステム開発革新を 概要 はノンプログラミングで Webアプリケーションを 100% 自動生成するマルチブラウザ対応の超高速開発ツールです コーディングの自動化とそれによる品質の均一化により開発期間が短縮できます 業務のエキスパートであるユーザ部門とシステム開発のエキスパートである IT 部門が参画する 共創型アジャイル開発 が実現でき ビジネス環境の変化にも柔軟に対応したシステム構築が可能となります とは 人材育成の時間とコストパッケージが合わない IT 環境の多様化 サポート切れ システムの老朽化 品質のバラツキ システム開発の課題 品質コスト納期 メンテナンスが困難 技術者の確保開発期間とコストのオーバー ビジネス 技術の変化が早い 技術者間のコミュニケーションギャップ 社会環境の変化に対応 素早いリリース Webアプリケーション 100% 自動生成ツール直感的な画面開発 開発期間短縮 100% 自動生成 共創型アジャイル開発 品質の均一化 Webアプリケーション + ワークフローオプション の特長 Web アプリケーションを 100% 自動生成ノンプログラミングで Webアプリケーションを 100% 自動生成 自動生成によりバグや属人性が排除され 安定したアプリケーションを開発できます ロジックの見直し 仕様変更 実装環境の変更に対しても柔軟に対応できます 本番環境にランタイムプログラム不要 MVCモデルに基づく Webアプリケーションを自動生成 本番環境に独自モジュールを導入する必要がありません 従来 基本設計詳細設計プログラミングテスト 基本設計 情報登録作業 Web Performer テスト 自動生成 作業時間の短縮 操作性が高いWebアプリケーション Ajaxやを活用し 操作性の高い Webアプリケーションを自動生成 クライアント / サーバシステムと遜色ない操作が実現できます また jquery MobileのGUI 部品を活用した スマートデバイスに最適化された Web アプリケーション画面も自動生成します 1
主要機能 登録情報から Web アプリケーションを自動生成 登録画面からスキーマ情報 ( 項目の属性や名前 桁数など ) として データモデル (DM) 画面情報( 表示項目 レイアウト ) として 入出力 (IO) 業務フロー ( 登録 更新など ) として ビジネスプロセス (BP) の 3つを定義します 登録後 画面上の アプリケーションの生成 を押下すると PCまたはスマートデバイスで利用する Webアプリケーションを自動生成します また登録情報から 設計書として利用可能な画面仕様ドキュメントも自動生成します スキーマデータモデル情報 (DM) 画面情報 入出力 (IO) 業務フロー ビジネスプロセス (BP) 設計書 Web アプリケーション バッチアプリケーション Jquery Mobile 画面仕様ドキュメント 定義を Excel 出力 マルチブラウザに対応 Internet Explorer/Firefox/Chrome//Microsoft Edge 大量データを効率的に処理 自動生成の流れ に登録した定義情報をもとに Webアプリケーションを開発用端末に自動生成します 開発端末上にテスト用 APサーバ / データベースを用意しておけば 生成後に動作確認を行う 開発画面 自動生成 開発端末開発用 APサーバ デプロイ テスト用サーバ テスト環境 テスト用データベース ことができます 動作確認後 生成された Webアプリケーションを本番用 APサーバにデプロイし 稼動させます CVS リポジトリ クライアント デプロイ 本番用 AP サーバ 本番環境 本番用データベース 開発画面 の開発画面は 統合開発環境の Eclipse に plug-in を入れて開発します データモデル (DM) 開発画面 ビジネスプロセス (BP) 開発画面 RDBS 新規データモデルからスキーマ生成 既存のテーブル情報からデータモデル作成 データベースのスキーマ情報を データモデル (DM) へ登録します 既存のテーブル情報から のデータモデル作成が可能です また のデータモデルからスキーマ生成 ( テーブル情報作成 ) が可能です 業務フロー ( 登録 更新 既存の業務フローの呼び出しなど ) を ビジネスプロセス (BP) へ登録します 2
入出力 (IO) 開発画面 画面情報の登録はドラッグ & ドロップで配置できます 実際の表示画面を瞬時に確認できるプレビュー機能も搭載しています GUI エディタ開発画面 画面遷移図 矢印による項目の参照関係の表示 番号によるカーソル移動順の表示 画面遷移の設計を GUI 操作でビジュアルに作図できます また システム全体の画面遷移状況を出力することができます 画面仕様ドキュメント に登録した情報から HTML 形式の画面仕様ドキュメントを自動生成します Web アプリケーションと常に同期する設計書を出力 項目辞書 の開発で利用する用語を項目辞書として一元管理できます 項目辞書を活用することで開発の標準化や 項目定義の変更 修正の高速化を実現します 項目辞書開発画面 辞書を利用している項目へ一括反映 < 出力内容 > 画面の説明 / 画面レイアウト / 項目の説明 / 画面遷移図 / に登録した画像 仕様書等 項目辞書で項目名を 商品名 から 商品 へ変更 画面デザインテンプレートのカスタマイズ バッチ処理自動生成 標準または独自に作成したデザインテンプレートを画面に反映 バッチ処理テキストファイル 業務フロー ( ビジネスプロセス (BP)) テキストファイル DB Webオンライン処理 バッチ処理と Web オンライン処理で業務フローを共通部品化利用 DB コミット単位設定 リカバリ機能 DB 30 種類のデザインテンプレートが標準で用意されています さらに テンプレートをカスタマイズすることで 独自の画面デザインを自由に追加できます 大規模システム開発に必要不可欠なバッチ処理を自動生成します Web アプリケーションの業務フロー ビジネスプロセス (BP) を共通利用できます パフォーマンス向上のための処理件数単位の設定やリカバリ機能も搭載しています 3
HTML5 と Ajax の技術を活用した 操作性の良い画面 複数月カレンダー カレンダーの表示月数や行列数 休日設定をカスタマイズできます データ候補を表示するサジェスト機能 ファイルをドラッグ & ドロップで添付 その他にも データ入力に伴う自動計算や画面項目の部分再描画 フル桁入力で自動カーソル遷移など HTML5 のコンポーネントや Ajax の機能を活用し デザイン性が高く操作性の良い Web 画面を自動生成します ドロップダウンメニューページング 縦横スクロールロールによる表示項目の切り替え 管理ユーザ 一覧画面に縦横スクロール 一般ユーザ ロールによる表示の切り替えを制御 マウスオーバーによる下層メニュー表示 データのエクスポート インポート 多言語対応 日本語 英語 中国語 その他 Excel ファイルにエクスポート CSV ファイルをインポート & エクスポート Unicode に対応し 複数言語の表示切換えが可能 日本語 英語 中国語 ( 簡体字 ) は 翻訳済みの組込リソースファイルを提供します その他言語についても独自にリソースファイルを翻訳することで対応できます 4
データグリッド グラフ Web フォント Excel で行っていた業務の Web 化 データグリッド 従来の一覧形式のデータ表示に加え データグリッドでは高速な表示が可能です 列の表示 非表示 列固定 列の並び替えなど Excel ライクな操作感が実現できます グラフ アプリケーションのデータを元に 自動的にグラフを表示させることができます グラフ上にマウスオーバーすると詳細データが表示されます 円グラフ 縦棒グラフ 横棒グラフ 折れ線グラフ 散布図の 5 種類のグラフに対応しています Web フォント ボタンにアイコン (Web フォント ) が付けられます 入力補助 外部連携機能 外部プログラム Java ストアドプロシージャ Excel データ連携 CSV ビジネスルールマネジメントシステム (BRMS) 帳票ツール プレースホルダー 入力項目に対して説明文を表示できます ツールチップ 項目やボタンにマウスオーバーした時にメッセージを表示できます Java やストアドプロシージャによる外部プログラムの呼び出しが可能です また BRMS や帳票ツールなど 外部システムとの連携も可能です データ連携には CSV 形式と Excel 形式に対応しています Web サービス公開機能 Web サービス利用機能 アプリ A 共通ロジック Webサービス SOAP REST で定義したロジックを部品として扱える ( 再利用 ) ので 別の アプリから Web サービスとして呼び出すことができます 呼び出しコードを自動生成 アプリ C アプリ D WSDL 読み込ませる アプリB 共通ロジック 外部アプリ データモデルをドラッグ & ドロップすると 自動的にマッピングします Webサービス SOAP REST 呼び出しコードを実装 Web サービス操作から選択し ウィザードに従って Web サービス接続の雛形 ( 拡張 入出力 ) を生成します Web サービスマッピングファイルエディタでグラフィカルに編集できます DM 5
ワークフローオプション ワークフローオプションとは で構築した業務アプリケーションに 複雑な業務フローにも対応可能な決裁を簡単に実装するための製品で Web Plantワークフロー カスタム Webアプリ Java.NET PHP 等で作成された既存資産 開発アプリ 作成フォーム シリーズ に位置づけられます ワークフローの経路 ( プロセス ) は GUIを採用した専用エディタで作成します Web Plantワークフローシリーズ を 統合決裁基盤 として利用し 既存のカスタム Webアプリケーションと連携すれば 企業の決裁プロセスを全体的に Web サービス アダプタ アダプタワークフローサーバ アダプタ 最適化することができます 統合決裁基盤 ワークフロー開発の概念 申請者 承認者など ワークフロー利用者向け 画面はで開発し ワークフローオプションで定義した経路や組織情報 ( ユーザ 申請 処理待ち一覧 承認 ロール 部門 ) により 決裁者を解決しながらワー クフローを実行できます スマートデバイスから利 用するワークフローシステムも で 開発できるため 様々な利用シーンに適用でき ます ワークフローエンジン ワークフローオプションでは 処理待ち一覧画面 や 案件進捗状況一覧画面 が提供されますが で画面定義をし 自動生成することもできます ワークフローオプション 処理待ち一覧 案件進捗状況一覧画面 ユーザ ロール部門の管理 ワークフロー実行者の組織情報 ( ユーザ ロール 部門 ) を一元管理します 既存の人事マスタから一括インポートや 外部 ユーザ 外部 インポート外部 CSV ファイルへエクスポートできます 部門 ロール 部門 エクスポート外部 ユーザ ロール 組織改編に強力なバージョン管理機能新組織や業務の自動切換えを実現組織情報 経路情報は運用環境にデプロイされ有効となった時点で 自動的に最新バージョンとして登録されます 新組織や業務変更への自動的な切換えが可能です 新旧バージョンは並行運用が可能決裁途中の案件は 新しいデプロイの影響を受けず 従来のバージョンで継続されます 高いトレーサビリティを確保全てのバージョンは差分情報として管理されます また 過去に遡って 決裁された時点の組織情報や画面レイアウトのまま 案件情報を確認できます 旧バージョンのワークフロー 前回デプロイ ユーザロール部門 新バージョンのワークフロー 今回デプロイ ユーザロール部門 部長承認 新組織や業務変更への自動切換えと旧バージョンの並行運用が可能 部長承認 6
各種機能 本体 画面設計画面項目画面情報 (IO) 画面デザインその他データモデル定義スキーマ情報 (DB) データ操作その他データ操作コントロール業務フロー (BP) その他設計情報の管理リポジトリ情報ログ運用セキュリティバッチ処理連携拡張インターフェース多言語アプリケーション対応その他 Webサービス対応 (SOA UI) ビルド GUIエディタによる画面設計 スマートデバイス用画面設計パスワードフィールド サジェスト機能 複数月カレンダー インライン画像表示 検索条件複数選択リスト フィールドソート ページ単位スクロール 複数行明細 一覧小計 / 合計 縦 横スクロールバーの位置指定 データグリッド グラフレイアウト HTML( デザインした HTMLとが自動生成する Javaプログラムのマージ ) 条件スタイル HTML5/HTML4 対応 Webアプリケーション 画面デザインのカスタマイズ機能 Webフォント カラーユニバーサルデザイン CSVデータ 添付ファイルのアップロード / ダウンロード Excelダウンロード (Excel 2007/2010/2013/2016/2011 for Mac) ヘッダー / フッターエリアのカスタマイズ URLによる画面へのダイレクトアクセス IME 切り替え Enterキーによる項目移動 ファンクションキーの割当 HTML 圧縮 プレースホルダー ツールチップ外部参照制約指定 テーブル情報からデータモデル定義を作成 CSVによるデータの一括登録基本操作 ( 登録 更新 削除 ) ユーザ作成操作 データ値チェック独立コミット 排他制御 ( 行ロック ) 既存 DB 利用 複数 DB 対応基本操作 ( 登録 更新 削除 ) ユーザ作成操作の実行 分岐制御 ループ制御 トランザクション制御メール機能 ストアドプロシジャ連携 マクロ式定義画面仕様ドキュメント 項目辞書 画面遷移図 アプリケーション設計情報の管理 クロスリファレンス機能 ( 関連情報の検索 ) インポート / エクスポート Excel 出力定義デバッグログの出力 ロジックの制御コードログログイン認証 データアクセス制御 アクセスログ機能バッチ処理生成 チューニング リカバリ機能帳票ツール :imageware Form Manager V8/V8.1/V8.3/V8.4/V9.0/V9.1/V9.2 ビジネスルールマネジメントシステム (BRMS):Progress Corticon V5.3.4/V5.5.2/V5.6 Java API 実行 ( ビジネスプロセス拡張 加工式拡張 ) 実行 ( 画面拡張 ) 外部 URL 実行 Unicodeに対応 英語 中国語 ( 簡体字 ) は 翻訳済みの組込リソースファイルを提供 WSマッピングテンプレート生成 WS JavaAPI Webサービス出力機能対応する Webサービス :WSDL1.1/SOAP1.1 SOAP1.2 HTTPバインディング document/litera(l wrapped) スタイル対応する ESB 製品 :WebSphere Enterprise Service Bus V6.2/V7.0 Oracle Service Bus 10gR3(BEA AquaLogic) は 上記仕様に基づいたWeb サービス ( クライアント ) を生成しますが すべての Web サービスとの接続性を保証するものではありません Oracle SOA Suite 10gR3 の環境では 接続できません バッチビルド テストモード生成 ワークフローオプション ワークフロー機能プロセス設計機能配送系機能組織管理機能連携機能その他管理 運用機能 バージョン管理機能システム環境管理機能運用情報管理機能ワークフロー管理機能バッチ処理機能ログ出力機能その他機能 ログイン認証 パスワード変更 トラッキング ( 案件処理履歴確認 / モード ( ユーザベースまたは部門ベース ) による閲覧権限制御 ) 案件検索 業務共通項目による検索 委任設定 閲覧権限付与 案件公開設定 一括処理 CSV 出力 メール配信 GUIによるプロセス ( 単独処理 条件分岐処理 並列処理 合議処理 自動実行 ) の設計 起案可能部門設定 経路のインポート起案 申請 承認 保留 ( 開放保留 予約保留 ) 取消し 差戻し 否決 引戻し 合議 休止 解除 起案時の保留 実行時担当者指定 差戻し先指定 承認期限設定ユーザー / ロール / 部門の登録 組織情報一括エクスポート / インポート 組織設計情報の破棄外部モジュールオンライン実行 外部モジュール実行バッチ 待機解除バッチ ポータル全バージョン差分管理 ( 組織情報 経路 ) 新旧バージョン並行運用 新バージョンへの自動切換えカテゴリ管理 管理者管理 デプロイ実行 デプロイ履歴 業務情報一括処理 案件 ID 管理 監視サービス監視サービス 委任管理案件メンテナンス ( 強制取消し 申請者戻し 担当者変更 振直し 案件再開 中断 業務の付替え 案件削除 閲覧権限設定 ) 案件 ID 管理 業務閲覧権限設定 CSV 出力設定承認督促 ログイン管理クリーンアップ 案件組織バージョン振直し 排他アクセス管理クリーンアップ 稼動状態クリーンアップ 案件削除メール系ログ 管理サーバー系ログ ( 操作履歴 / 認証 ) ワークフローサーバーログ ( 操作履歴 認証 配送 委任設定 閲覧権限設定 案件メンテナンス 業務メンテナンス ) 外部データベース操作エラーログ AD LDAP 認証 メールテンプレート ユーザー IDログイン フォーム認証 リカバリ機能 青文字 :v1.3.1 の新機能 7
稼動環境 V2.1 稼動環境 開発環境 OS 1 ツール 2 クライアント APサーバ Java 3 Windows 7/8.1/10 Eclipse 4.2/4.3/4.4/4.5/4.6/4.7 Tomcat 7.0/8.0/8.5 JDK6/7/8 * 推奨環境 :[CPU]Core 2 Duo 2.13GHz 以上 [ メモリ ]3.0GB 以上 [Disk] 空き容量 3.0GB 以上 本番環境 サーバ クライアント Windows Server /2008/2008 R2/2012/2012 R2/2016 AIX 6.1/7.1/7.2 OS Solaris 10/11 RedHat EL5/6/7 IBM i V6R1/V7R1/V7R2/V7R3 CentOS 5/6/7 Oracle 11g/11g R2/12c R1 SQL Server 2008/2008 R2/2012/2014/2016 MySQL 5.6/5.7 PostgreSQL 9.3/9.4/9.5 DB2 9.7/10.1/10.5/11.1 データベース DB2 400 V6R1/V7R1/V7 R2/V7 R3 FUJITSU Software Enterprise Postgres 4 FUJITSU Software Symfoware Server 4 WebSphere 5 8.0/8.5/8.5.5/9.0 Oracle Weblogic Server 11g 10.3.4 以降 /12c APサーバ 12.1.1 以降 Tomcat 7.0/8.0/8.5 ucosminexus Application Server Standard V9.70 4 Amazon Elastic Compute Cloud (Amazon EC2) クラウド 6 Amazon Relational Database Service (Amazon RDS) AWS Elastic Beanstalk アプリタイプ 7 PC スマートデバイス デバイスタイプ PC ipad iphone ipad Android OS 1 ブラウザ Windows 7/8.1/10 Mac OS X 10.7 以降 macos Sierra Internet Explorer 11.0 Firefox Chrome 7/8/9/10 Microsoft Edge ios 8/9/10 ios 8/9/10 Android 4.4/5.0/6.0 Chrome * クライアント推奨環境 :[CPU]Core 2 Duo2.13GHz 以上 [ メモリ ]2.0GB 以上 1 Windows 10 Anniversary Update は稼働環境に含まれます 2 Eclipse の推奨バージョンは 4.4.2 以上 となります 3 JDK8 に対応した Tomcat のリビジョンは 8.0.1 以上 7.0.53 以上 となります 4 対応バージョン 動作に際しての留意点については別途メーカまでお問合せください 5 必要な FixPack については 別途お問合せください 6 対応しているソフトウェア (OS データベース AP サーバ ) に関しては別途メーカーまでお問い合わせください 7 PC とスマートデバイスを併用する場合 アプリタイプを分けてそれぞれ画面を作成してください ワークフローオプション稼動環境 開発 / 本番環境 DB サーバ OS データベース OS Web アプリケーション Webサーバサーバ APサーバ Java 1 Windows Server 2008/ 2008 R2/2012/2012 R2/2016 Oracle 11g R2/12c R1 SQLServer 2008/2008 R2/2012/2014/2016 Windows Server 2008/2008 R2/ 2012/2012 R2/2016 Apache 2.2/2.4 Tomcat 7.0/8.0 WebSphere 8.0 JDK6/7/8 クライアント環境 管理 開発ツール用クライアント OS 2 ブラウザその他環境 Windows 7/8.1/10 Internet Explorer 11.0 Microsoft Edge JDK6/7/8.NET Framework 3.5 SP1 以降 /4.5.2/4.6/4.6.1/4.6.2 アプリタイプ 3 PC スマートデバイス デバイスタイプ PC ipad iphone ipad Android ワークフロー実行用クライアント OS 2 ブラウザ Windows 7/8.1/10 Internet Explorer 11.0 Firefox Chrome Microsoft Edge Mac OS X 10.7 以降 macos Sierra 7/8/9/10 1 JDK8 に対応した Tomcat のリビジョンは 8.0.1 以上 7.0.53 以上 6.0.40 以上 となります 2 Windows 10 Anniversary Update は稼働環境に含まれます 3 PC とスマートデバイスを併用する場合 アプリタイプを分けてそれぞれ画面を作成してください - - i OS 8/9/10 Android 4.4/5.0/6.0 Chrome 各種ソフトウェアのバージョンの詳細につきましてはお問い合わせください 以上 何れも PC/AT 互換機を推奨します 各メーカーにおいてサポートを終了している製品については 稼動環境から除外しております フリーソフトウェアについて 長期間メンテナンスされていないもの ( セキュリティ対応等がなされていないもの ) については 稼動環境から除外する場合があります 製品改良のため予告なく仕様を変更することがあります ご不明な点がございましたらお問い合わせください メモリ容量の記載値は最小値です 実際に必要となる値は運用規模や使用環境に依存します Canon Canon ロゴはキヤノン株式会社の登録商標です Microsoft Windows Internet Explorer SQL Server Excel および Microsoft Edge は 米国 Microsoft Corporation の 米国 日本およびその他の国における登録商標または商標です Mac ipad iphone は米国およびその他の国で登録される Apple Inc. の商標です アマゾンウェブサービス Amazon Web Services AWS Amazon Elastic Compute Cloud Amazon EC2 Amazon Relational Database Service Amazon RDS AWS Elastic Beanstalk および Amazon Web Services ロゴは Amazon.com, Inc. またはその関連会社の商標です Progress Corticon は Progress Software Corporation または アメリカや他国の Progress Software Corporation 関連会社や支社の商標 もしくは登録商標です Interstage および Symfoware は 富士通株式会社の登録商標です 製品改良のため予告なく仕様を変更することがあります ご不明な点がございましたらお問い合わせください 情報はこちらでご確認いただけます お求めは信用のある当社で ホームページ https://www.canon-its.co.jp/products/web_performer/ キヤノン ITソリューションズ株式会社 東京 108-0073 東京都港区三田 3-11-28 三田 Avanti TEL(03)6741-9527 大阪 550-0001 大阪市西区土佐堀 2-2-4 土佐堀ダイビル TEL(06)7635-3047 E-mail : wp_info@canon-its.co.jp 108-0073 東京都港区三田 3-11-28 三田 Avanti 2017 年 11 月現在 WP26-1711 8