formBuilderによりフォームを簡単作成

e f f e c t f o r c e
©2019 ef Co., Ltd. All rights Reserved.
御代政彦（みよまさひこ）
株式会社エフ
NDS2019
フォローアップ合同セミナー
formBuilderにより
フォームを簡単作成

アジェンダ
 当社サービスの紹介
 アプリケーション開発
 その他
 formBuilderとは？
 formBuilderとは？
 formRenderとは？
 formBuilderの特徴
 formBuilder for XPagesの紹介
 機能の紹介
 利用シーン
 ご提供について
 動作環境
 提供形態
 ライセンス・価格
－ 2 －

当社サービスの紹介
－ 3 －

アプリケーション開発
アプリケーション開発は以下のサービスを提供！
1. Notesアプリケーションの開発
 XPagesアプリケーションの開発
 クラシックNotesアプリケーションの開発
 OnTime Open APIを使ったアプリケーション開発
 Notes/Dominoアドオン製品の開発
2. 既存アプリケーションのカスタマイズ
 弊社が開発、納品したNotesアプリケーションのカスタマイズ
 お客様にて開発したNotesアプリケーションのカスタマイズ
3. テクニカルサポート
 Notes アプリケーション開発時の問い合わせ
－ 4 －

その他のサービス
アプリケーション開発だけじゃない！
Notes/Dominoのサービスなら株式会社エフまで！
1. Notes アプリケーション保守サービス
 既存アプリケーションにの利用方法等についての問い合わせ
2. Dominoサーバー保守サービス
3. Notes/Domino運用コンサルティング
4. バージョンアップ支援サービス
連絡先：ef-info@effect-force.co.jp
－ 5 －

formBuilderとは？
－ 6 －

formBuilderとは？
 jQuery formBuilderは、ユーザーが直感的なドラッグ
アンドドロップインターフェイスを使用してフォームを
作成できるようにする100％クライアントサイドのプラ
グインです。
 formBuilderは、多くのフォームフィールドといくつか
のhtmlタグをサポートしています。
－ 7 －
参考：https://formbuilder.online/

formRenderとは？
 formRenderは、作成されたフォームの結果をレンダリ
ングできるformBuilderのコンパニオンプラグインです。
 典型的な使用例では、サイトまたはアプリの管理領域に
formBuilderがあり、フロントエンドにformRenderが
あります。
 formRenderとformBuilderは2つの別個のプラグイン
ですが、一緒に使用して編集トグルで切り替えることが
できます。
－ 8 －

formBuilderの特徴
 カスタマイズが可能
 必要なコントロールセットのみを有効にできます。
 また、コントロールセットの追加も可能です。
－ 9 －

 Bootstrapに対応
 依存はしていません。
 レスポンシブルなので、PC、スマホ等での利用も可能。
－ 10 －

 多言語対応
 プログラム内で各種言語への切替が出来ます。
 フォーム作成の画面に限ります。
－ 11 －

各種ブラウザのサポート
 Firefox、Chrome以外のブラウザもサポート
 IE11にも対応しています！
－ 12 －

formBuilder for XPagesの紹介
－ 13 －

Designerなしでフォームを作成可能
 Designerなしでフォームを作成可能
 作成したフォームをNotes文書として保存できます
 ロールにより、フォームを作成できるユーザーを制御可能
－ 14 －
ロールありロールなし

データの作成・編集が可能
 データの作成・編集が可能
 フォームを元に実際のNotes文書を作成/編集できます
 文書は読込モードと編集モードを切り替えることができます
 入力チェック機能を標準実装しています
－ 15 －

ビジネスロジックの追加が可能
 ビジネスロジックの追加が可能
 Domino Designerで実装する必要があります
 XPagesのプログラミング知識（CSJS、SSJS）が必要
 あらかじめ弊社にて実装することも可能
 別途費用が発生します
－ 16 －

オリジナルのコントロールセット
 オリジナルのコントロールセットを用意
 [編集][保存][キャンセル]アクションを1セットにしたもの
 IE対応の日付/時刻入力コントロール
－ 17 －

コントロールセットの追加
 オリジナルのコントロールセットを用意
 コントロールセットは
追加が可能
－ 18 －
社員マスタから情報を取得してきてセッ
トするというコントロール

簡易ワークフローの装備１
 簡易承認ワークフローの機能を実装済み
 1～10段階までの承認ワークフロー機能を埋め込んでいます
 承認者は申請者が選択
 デフォルト承認者もセット可能
－ 19 －

簡易ワークフローの装備２
 簡易承認ワークフローの機能を実装済み
 WF用のアクションも実装済み
 編集
 ドラフト保存
 申請
 承認
 最終承認
 差戻し
 却下
 キャンセル
－ 20 －

データ出力機能
 以下の２種類のCSV出力機能あり
 画面上に表示されているとおりに出力
 文書データのフィールド単位で出力
－ 21 －

アプリケーションテーマの変更
 テーマを選択可能
 外観色を「赤」「青」「黄」「緑」の４色から選択可能
 複数のNotes DBを作成した場合に簡単に見分けが付きます！
－ 22 －

モバイル対応
 モバイル対応
 formBuilder for XPagesはモバイル端末にも対応しています
－ 23 －

利用シーン１
 管理されていない紙の申請書が多数存在している
 個人、部門ごとにExcelの申請ファイルが存在している
 Excelファイルのバージョンがバラバラでしっかりと管理できて
いない
 formBuilder for XPagesで一括管理！
－ 24 －

利用シーン２
 利用者に申請書の画面を作成させたい
 Domino DesignerがないとNotes DBが作れない･･･
 formBuilder for XPagesなら情報システム部門の負担を軽減！
これなら、
私でも出来るわ！
今度はA部門から!?
もう、やってられない!!
－ 25 －

利用シーン３
 Notes DBが乱立している
 似たようなNotes DBがたくさんあるけど、整理できない
 formBuilder for XPagesなら１DBで複数のフォームを管理！
formBuilder for XPages
－ 26 －

利用シーン４
 ブラウザで、フォームの作成～運用を行いたい
 Notesクライアントを持っていないユーザーも多数いる
 formBuilder for XPagesなら各種ブラウザをサポート！
－ 27 －

フォーム作成画面１
－ 28 －
アプリケーション名
WF機能の選択可
（標準実装済み）
コントロール群

フォーム作成画面２
－ 29 －
画面サンプル
部品を配置したところ

フォーム実行画面１
－ 30 －
新規作成時なので、[保存][キャンセル]が
表示されている

フォーム実行画面２
－ 31 －
読み込み時なので、[編集][キャンセル]しか
表示されない
保存した添付ファイルも表示さ
れる

DEMO
－ 32 －

ご提供について
－ 33 －

動作環境（開発用環境）
 サーバー
 Domino 9.0.1 FP8以降
 Domino 10.0.1以降
 クライアント
 Notes 9.0.1 FP8以降
 Notes 10.0.1以降
 OSはNotesクライアントが動作を保証しているWindows系のもの
とします
 Notes DBをカスタマイズするにはDomino Designer 9.0.1 FP8以
降が必要です
－ 34 －

動作環境（利用者環境）
 サーバー
 IBM Domino 9.0.1 FP8以降
 IBM Domino 10.0.1以降
 対応ブラウザ
 Firefox
 Chrome
 IE11
 Edge
 モバイル
 iPhone
 iPad
 Android
－ 35 －

提供形態
 Notes DBの設計は公開
 お客様にてNotes DBのカスタマイズが可能！
 カスタマイズしたNotes DBの再販は出来ません
 Notes DBはテンプレート（ntfファイル）として納品
 複数のNotes DBを作成可能！
－ 36 －

ライセンス・価格
 ライセンス
 1Notesドメインあたり１ライセンス
 同一ドメインであれば、何台のDominoサーバーで利用してもOK
 何ユーザーで利用してもOK
 価格
 弊社までお問い合わせください
 e-mail ef-info@effect-force.co.jp
 電話 03-6453-9182
－ 37 －

免責事項
 本資料の情報は、使用先の責任において使用されるべきもので
あることを、あらかじめご了承ください。
 発表者の承諾なしに、コピー、複製、他のメディアに転載する
事はご遠慮ください。
 formBuilder for XPagesはformBuilderを利用しています。
 formBuilderはMITライセンスのもとで配布されているもので
す。
 当資料に記載された製品名または会社名はそれぞれ、各社の商
標または登録商標です。
－ 38 －

The MIT License (MIT)
Permission is hereby granted, free of charge, to any person obtaining a copy of this
software and associated documentation files (the “Software”), to deal in the Software
without restriction, including without limitation the rights to use, copy, modify, merge,
publish, distribute, sublicense, and/or sell copies of the Software, and to permit
persons to whom the Software is furnished to do so, subject to the following
conditions:
The above copyright notice and this permission notice shall be included in all copies or
substantial portions of the Software.
THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS
OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
－ 39 －

formBuilderによりフォームを簡単作成

Recommandé

Recommandé

Contenu connexe

Similaire à formBuilderによりフォームを簡単作成

Similaire à formBuilderによりフォームを簡単作成 (20)

Plus de Masahiko Miyo

Plus de Masahiko Miyo (12)

formBuilderによりフォームを簡単作成