Technical presentation of XPages application development. It is including some success story of XPages application for BtoC system. This presentation file was used at IBM SOftware XCITE and IBM Notes Domino Day. You can download this file from https://ibm-xcite.jp/

1. 【セッション番号 K-‐‑‒2】
XPages で⾰革新！
これからの Notes/Domino アプリケーションの新常識識
KTrick 合同会社 代表 ⽥田付 和慶
⽇日本 IBM 株式会社 ソフトウェア開発研究所 佐藤 淳

2. 2
⾃自⼰己紹介
• ⽥田付 和慶 （たつき かずのり）
• ケートリック合同会社 代表
• ⽶米国で７年年間、IBM Connect (旧Lotusphere) の
オンラインシステムを XPages で開発してきた経験を持つ
• 会社のスローガン
「若若い⼒力力を集結させた IBM 技術者集団をめざす！」 (特にICS)

3. 3
⾃自⼰己紹介
• 佐藤 淳 （さとう あつし）
• ⽇日本 IBM 株式会社 ソフトウェア開発研究所
ICS 製品開発 ソフトウェアエンジニア
• IBM Notes/Domino の製品開発、パートナー⽀支援を経て
IBM SmartCloud for Social Business の Lab Advocate を担当
• 個⼈人のスローガン
「新しい技術で IBM Notes/Domino を再活性化！」

4. 4
XPages Question?

5. 5
XPages Question?
(Q1) XPages 知ってますか？
(Q2) XPages 利利⽤用していますか？
(Q3) XPages で開発経験ありますか？

6. http://www.atmarkit.co.jp/fjava/rensai4/xpages01/01.html
6

7. 7
ビュー
フォームXPages

8. http://ja.collaborationtoday.info/
8

9. 9
XPages アプリケーション開発の流流れ
データの格納先としてのフォームやビューの設計
コントロールを配置して XPage の画⾯面設計
コントロールとフォームやビューとの関連づけ
ビジネスロジックの実装

10. 10
コントロールを配置して XPage の画⾯面設計

11. 11
データソースを定義
データソースと
コントロールの関連づけ
(バインディング)
コントロールとフォームやビューとの関連づけ

12. 12
ビジネスロジックの実装

13. 13
ガンガン
XPages 化するぜ！

14. 14
すべてを XPages 対応って
なにげに⼤大変なんじゃないの？
できれば既存のアプリは
いじりたくない！

15. 15
⼀一部分だけを XPages 化することで…
ポータルの実現
モバイル対応
BtoC/BtoB 対応

16. 16
XPages データソースの特徴
他の Notes/Domino アプリも可
1 つの XPage に複数のデータソースも可

17. 17
NSF
NSF
NSF
NSF
複数のデータソースを集約して単⼀一ビューを実現可能

18. 18
DNaX
(Domino NSF aggregator with XPages)

19. 19
IBM Notes
アプリケーション
XPages
IBM Domino 9.0.x
Social Edition
Web
ブラウザ
Web アプリケーション
インターネットイントラネット

20. 20
IBM Notes
アプリケーション
XPages
IBM Domino 9.0.x
Social Edition
モバイル対応
Web
ブラウザ
Web アプリケーション
インターネットイントラネット

21. 21
XPages -‐‑‒ モバイルコントロール
モバイルアプリを
作成するための
専⽤用 UI パーツ

22. 22
単⼀一ページアプリ
アプリページ 1
（メインメニュー）
アプリページ 2
（⼀一覧画⾯面）
アプリページ 3
（詳細画⾯面）
ページ 1
ページ 2
ページ 3

23. 23
XPages (XSP)
単⼀一ページアプリケーション
アプリケーションページ 1
ページ⾒見見出し
タブバー
タブバーボタン
⾏行行表⽰示項⽬目
⾓角を丸くしたリスト
⾓角を丸くしたリスト項⽬目
切切り替えスイッチ
アプリケーションページ 2
…
ページ⾒見見出し
タブバー タブバーボタン
⾓角を丸くしたリスト項⽬目
⾓角を丸くしたリスト
切切り替えスイッチ

24. 24

25. 25
IBM Notes
アプリケーション
XPages
BtoC/BtoB 対応
IBM Domino 9.0.x
Social Edition
Web
ブラウザ
Web アプリケーション
インターネットイントラネット

26. 26
XPages 活⽤用事例例紹介
+

27. 27
WEB予約システムのご紹介
• ⼀一般利利⽤用者むけの外向けシステム
• 全画⾯面、XPages のみで設計
• フォーム、ビュー、ACL での
基本的な設計は従来の NSF と同じ

28. XPages WEB予約アプリケーション
28
IBM Domino
ビジター従業員管理理者

29. 29
実際に稼働しているシステムのデモ

30. 30
これからの IBM Notes/Domino アプリの新常識識！
IBM Notes/Domino は社内で
使うだけのシステムだと思っていませんか？
IBM Notes/Domino は社外と
コラボレーションを起こす
プラットフォームになれる！
外向け
IBM Domino
御社サーバー
クライアント A
クライアント Bクライアント C

31. 31
進化するジャンボフェリー WEB 予約システム
基幹システム連携！
旅客（⼈人のみ）
での予約改良良
⼩小⾖豆島ツアー
予約システム
開始
⾼高松ー⼩小⾖豆島
フ␿リー予約
開始
神⼾戸ー⾼高松・⼩小⾖豆島
フ␿リー予約
開始
2013年年1⽉月2013年年3⽉月2013年年11⽉月2014年年7⽉月2014年年8⽉月

32. 32
初期リリースでの主な導⼊入効果
l ⼀一般利利⽤用者に対する⼊入⼒力力の負担を軽減
l 従業員の業務効率率率化を実現
次なる課題
l WEB 予約システムと基幹システムである発券システム
をつないで更更なる従業員の業務効率率率化

33. 33
VPN IPSec
オンプレミス
レプリケーション
IBM DominoIBM Domino
発券システム
乗船名簿（WEB予約番号つき）
WEBサービス
WEB予約番号から
予約情報を照会
⼀一般利利⽤用者従業員

34. 34
IBM Notes/Domino だから出来た！
• 基幹連携では IBM Notes/Domino の従来からある設計で
システムを繋ぐ WEB サービスを実装
• VPN IPSec で安全にクラウド上の IBM Domino と
レプリケーション

35. 35
すべてを XPages 化
しなくてもいいんじゃーん！

36. 36
XPages は IBM Notes/Domino に⾰革新的な
ユーザーインターフェイスを実現するアプリ開発技術
“⼀一部”に XPages を採⽤用することで
Notes/Domino アプリの可能性を広げることが可能
Notes/Domino アプリの特性を活かす
XPages アプリの実現がこれから新常識識

37. 37
参考資料料
• Ktrick 合同会社
• http://www.ktrick.com/
• Lotus Notes and Domino Application Development Wiki
- http://bit.ly/yMKSx2
• モバイルコントロールのチュートリアル
- http://bit.ly/xnWdbG
• DNaX
- http://www.ibm.com/software/jp/lotus/services/dnax.html
- ICS Dev Japan Team Blog
- http://ibm.co/BPTEBLOG
• ICS Dev Japan Twitter
- https://twitter.com/Lotus_̲BPTE

38. http://qa.xpages.jp/
38
こまった時は QA を利利⽤用してください！

39. 39
• XPages Extension Library Japan
• http://bit.ly/WS5FTP
• デモサイト
• http://www.xpages.jp/
• Facebook ファンページ
• https://www.facebook.com/extlibj
• Twitter アカウント
• https://twitter.com/ExtLibJapan
• IBM Notes and Domino Application Development wiki
• ⽇日本語カテゴリ
• http://bit.ly/1lK1ECy

40. 40