ウェブ アビエーター web aviator...web aviator ウェブ アビエーター...
TRANSCRIPT
Web Aviatorウェブ アビエーター
クラウドで開発。どこでも稼働。Webアプリケーションのスピード開発を実現する「クラウド開発基盤」。
Web Aviatorは、高品質なWebアプリの開発・検証・本番稼働を迅速に実現する「クラウド開発基盤」です。
開発は、アマゾン ウェブ サービス（以下AWS）とWeb Aviatorの利用により工数やコストを大幅に削減できます。
検証、本番は、AWSや他クラウド・オンプレミスで稼働する実行エンジンの提供によりポータビリティが確保できます。
1
開発をクラウドで。開発をクラウドで。開
キヤノンITソリューションズ株式会社
画面定義
ロジック定義
SQL定義
フォーム
ロジック
データアクセス
データアクセスフォーム ロジック
定義体
アプリDB
Webアプリケーション
開発ツールWeb Aviator Editor
Apache/Tomcat
Amazon Linux
MySQL
アプリDB
定義体DB管理ツールモジュール
Web Aviator AMI
データアクセスフォーム ロジック
開発者
開発スキルは標準技術
ブラウザで開発
SQLスクリプト言語 実行エンジン
Web Aviator Player
短時間で開発＆テストを実現
AWS※を有効活用
マルチブラウザ・マルチデバイスに対応
「定義するだけ」でWebアプリケーションを構築、その場でテストWeb Aviator「開発ツール（Web Aviator Editor）」
から「フォーム」「ロジック」「データアクセス」の３つ
を定義するだけでRDB上に「定義体」ができあ
がります。
「定義体」は「実行エンジン（WebAviatorPlayer）」
ですぐに稼働できますので、その場で単体テスト
を行う事ができます。
あらかじめ用意されたマシーンイメージを選んでお客様の環境にインスタンスを作成するだけなので数分で環境が構築できます。
キヤノンITソリューションズの用意した仮想マシーンイメージ「Web Aviator AMI」からすぐにインスタンスを作成
Web AviatorAMI
インスタンスを作成
お客様の環境（インスタンス）
クラウド開発基盤
優れた操作性をもつ「Web Aｖiator モジュール」を活用することで開発生産性を向上させることができます。
僅か数分で環境構築
開発ツールWeb Aviator Editor
管理ツールWeb Aviator Admin
実行エンジンWeb Aviator Player
モジュール
モジュール構成
PCとスマートデバイ
スのWebブラウザ
で動作するアプリ
ケーションをすぐに
開発できます。
開発ツールで各種ブラウザに対応したアプリケーションを開発
スマートフォンの画面サイズに応じたアプリケーションを開発
スマートフォンブラウザ用の例
Internet Explorer、 Firefox、Safari、
Google Chrome など
マルチブラウザに対応
PCブラウザ用の例
開発フェーズ
2
※AWS：Amazon Web Servicesの略。世界中の企業、サービス提供会社、開発者に利用されている米国Amazon Web Services LLCが提供するクラウドサービス。
開発ツールWeb Aviator Editor で定義体をつくる
【フォーム】では、画面を定義します。
直感的な GUI 操作やテストデータを即時反映
する機能などにより、スピード開発を支援します。
クラウド開発基盤
フォーム
【ロジック】では、業務ロジックを定義します。 「ロジックタイル操作パネル」から
「タイル※」を選択し業務ロジックに合わせて定義します。タイルを使用すること
により、JavaScriptを意識することなくロジックを定義することができます。
ロジック
【データアクセス】では、SQLを定義します。 SQLを直接記述してRDBのデー
タを柔軟に操作できます。「SQLテスト実行」機能により問合せ結果をすぐに確
認。手戻りを軽減し効率良く開発できます。
データアクセス
サンプルデータ反映機能
SQL の実行結果が「フォーム」のレイアウトに自動的に反映されます。画面デザインの手戻りを軽減し、迅速な開発ができます。
※「タイル」とは、「レコード操作」「レコード検索」「条件分岐」「繰り返し」等の操作ひとつひとつをビジュアル化した部品です。「タイル」を組み合わせてロジックを作ります。「タイル」は実行時にJavaScript に変換されます。
項目一括追加機能
直感的な操作性でフォームデザインができる「ツールパネル」
SQL の実行結果を元に「フォーム」の複数項目を一括で追加できます。
ポイント＆クリック
マウスだけでレイアウトできる機能です。
プロパティ
SQL 入力欄
SQL のクエリ結果をすぐに確認
SQL が記述できます。
テストも即座に
配置したい位置をマウスで「ポイント」
使用したいボタンを「クリック」
1
2
フォームから簡単にテスト実行Web Aviatorで
は、作成している画
面から即座にテスト
実行ができます。
テスト実行することで、その場で画面の動きを確
認できるため、開発生産性が向上します。
3
日本語とパラメータを選択してロジックをビジュアル的に組み合わせられます
ロジックタイル操作パネル
データ入力に伴う自動計算
親子テーブル
グリッド
利用者
デバイスを自動判別＆自動調整
PC タブレット スマートフォン
タブレット用に開発した画面 タブレット
ミニタブレット
それぞれの画像サイズに自動調整
業務アプリケーションの構築
クラウド開発基盤
4
生成できるアプリケーションについて
モバイルファーストの実現
PC用・タブレット用・
スマートフォン用の3種類
のフォームを定義し、実行
時にはアクセスしたデバイ
スに応じて自動的に最適
なフォームが表示できます。
デバイスにあった画面を自動判別表示
モバイルデバイスの画面
サイズの違いを吸収し、
ストレスなくジャストフィット
させて利用できるようにす
るために、フォームを画面
の幅に合わせて自動的に
拡大・縮小表示すること
ができます。
デバイス毎の表示時のサイズ自動調整 スマートデバイスの操作性の実現
項目を複数配置したセルをグリッド上に表示するセルグリッドウィジェット機能を搭載。
フリックやタップといった従来の機能に加え、縦横に並んだ画像の一覧に対して、
上下左右にスワイプ操作を行うことでページ単位にスクロールが可能になります。
で作ったアプリケーション
…
アプリアプリアプリアプアプリAリAAAアプリアプリアプアプリA
アプリアプリリアプアプリリBBアプリアプリB
リアプリアプリアプリリCCアプリアプアプリC
認証なし
組み込み認証
SAML認証
利用者
建材メーカー
工務店
依頼 正式発注 確認
〈例：建材メーカー〉Excelで工務店とやりとりしていた煩雑な依頼フローをクラウド化
で作ったアプリケーションExcelでやりとりする煩雑な依頼
クラウド化 回答 報告
スマートデバイスとワークフローアプリで業務がスムーズに
で作ったアプリケーション
AWSCloud
帳票サーバ、他
他システム…
署名付きURLでアクセス
Amazon S3へファイルをアップロード
RESTサービスでデータを提供
RESTサービスでデータを取得
Amazon S3からダウンロード
アプリアプリアプリアプアププリAリAAAアプリアプリアプアプリA
リアプリアプリアプアプリリBBアプリアプリB
プリアプリアプリアプリリCCアプリアプアプリC
認証と連携強化
画面サンプル
クラウド開発基盤
作成するアプリケーションでは、動画や画像のアッ
プロード、ダウンロード、インライン表示ができます。
動画データはAmazon S3に、画像データはDBま
たはAmazon S3に格納することができます。
動画や画像を含むアプリケーションの開発を実現
画 像
動 画
5
画面定義とSQLのみで、簡単に「ツリー表示」を
定義することができます。データ保持方法とSQL
記述を適切に行うことにより、ツリー階層に制限な
く定義することができます。
ツリー表示
ツリー表示
認証なし
組み込み認証
SAML認証
署名付きURLやRESTサービスを使って、帳票サーバなどの他サーバやオ
ンプレミス、他クラウドなどとセキュアでシームレスな連携が実現できます。また、
Amazon のストレージサービスであるAmazon S3へのファイルアップロード及
びファイルダウンロードも可能です。
他システムとのセキュアな双方向連携を実現
柔軟な認証形式の実現
企業間の情報共有もスムーズに
PC、タブレット、スマートフォンに対応し、更にワークフローも構築することができる
ので、例えば、メールとスプレッドシートなどでやり取りを行っていた企業間／本支
店間の情報共有をWebアプリケーションで容易に、安全に行うことができます。
ログインを必要としない、不特定多数向けのアプリケー
ションを作成できます。例えば、公開アンケートサイトやキャンペーンサイト等が作
成可能となります。
SAML認証により、シングルサインオンが可能です。例え
ば、Active Directoryとの連携ができます。
独自認証を使ったログインポリシーを組み込むことが可
能です。例えば、認証に失敗したユーザのロックや、アプリケーションの利用
時間の制限などができます。
Amazon RDS
MySQL
開発ツールWeb Aviator Editor 管理ツール
Web Aviator Admin 定義体 アプリDB
モジュール
Amazon EC2
開発・管理サーバ
Apache/Tomcat
〈APサーバ〉 〈DBサーバ〉
Amazon Linux MySQL
定義体 アプリDB
モジュール
Amazon EC2
実行（検証・本番）サーバ
fileleleelefilfillelfifififilefifile
パブリッククラウド・プライベートクラウド・オンプレミス
アマゾン ウェブ サービス（AWS）
実行エンジンWeb Aviator Player
Apache/Tomcat
Linux/Windows
MySQL
Linux/Windows
定義体 アプリDB
モジュール
実行（検証・本番）サーバ
実行エンジンWeb Aviator Player
〈APサーバ〉 〈DBサーバ〉
Apache/Tomcat
Amazon Linux
実行エンジン Web Aviator Player
実行情報
アプリケーション定義
ユーザ定義
動作環境定義
AMI
仮想アプライアンス
管理ツール Web Aviator Admin について
本番環境はポータビリティを確保
クラウド開発基盤
AWS上で開発したWeb
アプリケーションは、AWS
上で稼働する実行環境に
加え、他クラウド・オンプ
レミスで稼働する実行環
境にデプロイ可能です。
他クラウド・オンプレミスに
デプロイする場合は、管
理ツールから実行情報を
ダウンロードし、ターゲット
の実行環境に配備します。
6
実行（検証・本番）フェーズ
配備
配備
ダウンロード
開発したWebアプリケーションを本番稼働するためのライセンスです。管理ツールと実行（本番）サーバをご利用できます。
Web Aviator
Webアプリケーションを開発するためのライセンスです。開発・管理サーバと実行（検証）サーバをご利用できます。
ライセンスのお申込み※お申込み時にAWSアカウントが必要です。
Web Aviator
STEP.1
「ライセンスファイル」をE-Mailで受領STEP.2
管理ツールにライセンスファイルを登録STEP.3
ライセンス管理
RD
機能一覧
クラウド開発基盤
デバイス幅に合わせたフォームサイズの自動調整、フォーム毎の枠線の表示（デバイスに合わせた画面サイズのガイドライン表示）、フォーム毎のヘッダー/フッター表示・非表示【操作系】項目一括追加、サンプルデータ反映、項目プロパティの変更（マージン、サイズ、色）／【配置系】行（横方向配置）、列（縦方向配置）、詳細グループ（縦方向配置）／【項目系】入力テキスト、出力テキスト、ボタン、ドロップダウンリスト、ラジオボタン、チェックボックス、画像（固定、実行時指定）、動画、リンクボタン、リンクテキスト、ラベル、ファイルアップロード、ファイルダウンロード、ツリー、セルリスト、セルグリッド、グリッド、ワークフロー必須項目設定、文字種設定、桁数設定、最大・最小値設定、最大・最小文字数設定、入力書式、表示書式、カレンダー入力、パスワード文字表示中フォームの更新、他のフォームへ遷移、URLを開く、サブフォームを開く、サブフォームを閉じる、ロジック呼び出しフォームの自動選択（デバイスに合わせたフォームを自動で表示）、テスト実行RESTサービス、RESTリクエスタレコード宣言、レコード操作、レコード検索、レコード編集、スクリプト、ロジック呼出、条件分岐、繰り返し、ワークフロー（申請、承認、差戻し、引戻し、否決、一時保存）、RESTリクエスタ呼出、例外処理JavaScript直接記述、レコード操作用API、ワークフローAPI、CSVデータアップロード/ダウンロードAPI、署名付きURL作成API、Amazon S3ファイルアップロードAPI、Amazon S3ファイルダウンロードURL作成API、Javaライブラリ呼出、サーバサイド用JSファイル呼出SELECT文の作成・編集・削除、スクリプトレット（SQLを動的に変化させるスクリプトの記述機能）、テスト実行UPDATE/DELETE/INSERT文の作成・編集・削除REST形式のWebサービス呼出の作成・編集・削除、テスト実行
アプリケーション全体フォーム
サービスロジック
データアクセス
開発基盤管理
検証・本番基盤管理
Web Aviator Editorで定義した定義体を解釈し、Webアプリケーションとして実行、アクセスログ出力
アプリケーションの認証有無の設定、ヘッダー/フッター設定、テーマ設定、ユーザ定義CSS、複数人開発（定義体のロック）、定義の検索プロパティ
レイアウト
項目定義アクションその他データ操作タイル
スクリプトモード
クエリモディファイアRESTクエリライセンス登録、ユーザ登録、動作環境設定（DB、メールサーバ）、アプリケーションのインポート/エクスポート、プロジェクト設定（アクセス制御、グループの設定）ユーザ登録、動作環境設定（DB、SAML認証、認証/認可SQL、認証/認可ロジック、ログイン/メニューの設定、メールサーバ）、アプリケーションの配備/配備解除、ユーザ登録REST API、実行情報の出力
Web Aviator Editor開発ツール
Web Aviator Admin管理ツール
Web Aviator Player実行エンジン
7
配備の管理
コンパイルなしでアプリケーションの配備が可能
であるため、システムを停止することなくアプリ
ケーションのリリースが可能です。
アプリケーションを選択して配備
計算ボタンで配備後の I /F 数を計算できます。
配備済みのアプリ一覧
機能一覧
ライセンス概要
クラウド開発基盤
WA07-1505
2015年5月現在
構成図
3種類のライセンス
Windows 7 Google Chrome 24～
Firefox 18～
OS ブラウザ
Windows 7
iOS 5/6/7
Android
4.0/4.1/4.2/4.3/4.4
Google Chrome 24～
Firefox 18～
Internet Explorer
8/9/10/11
Safari
Google Chrome
Red Hat Enterprise Linux Server 6、
CentOS 6、 Windows Server 2008 R2
MySQL 5.5
Apache 2.2
Tomcat 7.0
OS ブラウザ
動作環境一覧
cs.canon-its.co.jp/product/web_aviator
Web Aviator ホームページ
キヤノンITソリューションズ株式会社東 京 〒108-0073 東京都港区三田3-11-28 三田Avanti TEL（03）6741-9527大 阪 〒550-0001 大阪市西区土佐堀2-2-4 土佐堀ダイビル TEL（06）7635-3025E-mail : [email protected]
〒108-0073 東京都港区三田3-11-28 三田Avanti
※Amazon RDSと連携させます。
※各ライセンスとも、AWS利用料金は必要になります。
開発・管理を行う Web Aviator Dev
無償（3カ月間／開発環境10ユーザ、検証環境3ユーザ）
ご購入 or 年間利用契約（開発環境50ユーザ、検証環境10ユーザ）
実行エンジンの利用契約期間に応じた課金
開 発 検 証 本 番
●Amazon Web Services、アマゾン ウェブ サービス、AWS、Amazon EC2、Amazon RDS、Amazon S3は、米国その他の諸国における、Amazon.com,Inc.またはその関連会社の商標です。 ●Windows、Windows Server、Internet Explorer、Active DirectoryおよびExcelは、米国Microsoft Corporationの、米国、日本およびその他の国における登録商標または商標です。 ●MySQLは、 Oracle Corporationおよびその子会社、 関連会社の米国およびその他の国における登録商標です。 文中の社名、 商品名等は各社の商標または登録商標である場合があります。 ●Safariは、 米国およびその他の国で登録されている Apple｠Inc.の商標です。 ●その他の製品名または会社名は、それぞれ各社の商標または登録商標です。 ●製品改良のため予告なく仕様を変更することがあります。 ●ご不明な点がございましたら、お問い合わせください。
Web Aviatorでは、3種類のライセンスをご用意しています。「Sライセンス」はスモールスタートにご活用ください。
Web Aviator
Web Aviator
開発・管理サーバ 開発クライアント
アプリDB
管理リポジトリ定義体
DB管理ツール
（phpMyAdmin）Tomcat
Apache MySQL
Amazon Linux
Web Aviator Dev AMI
モジュール
AMI名称
構成図
定義体を実行する Web Aviator Prod※ RDBのメンテナンスを行う Web Aviator dbUtil※
実行（検証・本番）サーバ 実行（検証・本番）クライアント
DB管理ツール（phpMyAdmin）
Tomcat
Apache
Amazon Linux
Apache
Amazon Linux
Web Aviator Prod AMI Web Aviator dbUtil
モジュール
AMI名称
■ AWSに配備する場合
OS
■ 他クラウド・オンプレミスに配備する場合 ■ 他クラウド・オンプレミスに配備する場合（仮想アプライアンス）
データベース
Webサーバ
APサーバ
CentOS 6
MySQL 5.5
Apache 2.2
Tomcat 7.0
実行エンジン Web Aviator Player
OS
データベース
Webサーバ
APサーバ
Web Aviatorモジュール
8
D
S tart
evelopment
Web Aviator
R untime