XPage 及XPage Mobile的應用介紹

智頡科技

賴安信 Luke

業務經理

黃尊正 Andy

專案經理

Agenda

● 臭氧窩(DominoClub)

● 網站介紹

● 網站改版

● XPage

● 介紹

● 畫面展示

● 改版心得

● XPage Mobile

● 介紹

● 畫面展示

● 應用心得

臭氧窩(DominoClub)

網址 http://www.domino.club.tw/

Agenda

● 臭氧窩(DominoClub)

● 網站介紹

● 網站改版

● XPage

● 介紹

● 畫面展示

● 改版心得

● XPage Mobile

● 介紹

● 畫面展示

● 應用心得

臭氧窩(DominoClub)的介紹

臭氧窩這個名字，相信只要有從事Notes工作者，不

管是新人或先進，都應該並不陌生。 十幾年來，這個網站

伴隨著許多人一起成長，不管是找解答時或想回答問題時，

很多人都會先上一下這個網站瀏覽一下。

臭氧窩(DominoClub)的版區介紹

臭氧窩主要包含幾個區塊，分別是跑馬燈、討論版區、站務公告

區、個人專欄區、哈拉閒聊區、Notes職缺區、李經台課堂問答專區、

How To文件計劃區、簡報檔專區。

跑馬燈介紹

主要是抓取站務公告區及Notes職缺區的最新幾筆文件，讓大家

獲取目前最新的資訊。

討論版區介紹

主要是提供給Notes愛好者或對Notes有興趣的網路社群人士，

可以針對特定主題，彼此互相討論或分享的一個天地。

站務公告區介紹

主要是提供給網站管理員，針對該網站管理上的一些問題，所提

出的事務性公告，例如站務公告、停機公告等。

個人專欄區介紹

主要是提供給特定人士及各區的讀書會使用，特定人士主要是一

些資深的Notes開發人員，定期性會提出一些個人的經驗分享及特定

主題的探討。讀書會則是提供各區讀書會主持人，召開讀書會、內部

討論及簡報分享使用。

哈拉閒聊區介紹

主要是提供給非Notes主題的討論，例如特定技術的討論、技驗

分享及工作上甘苦談。

Notes職缺區介紹

主要是提供給公司或個人公告新的Notes職缺使用，包含工作所

在地、所需要的技能等，希望藉此讓Notes多一個找工作、找人才的

平台。

李經台課堂問答專區介紹

李經台老師是一個非常資深的IBM Lotus Notes講師，此專區主

要是提供給李經台老師課程、研討會之學員的問答專區。

How To文件計劃區介紹

主要是一些Notes愛好者，針對特定主題，自行研究探討後，把

整理好的文件放在此區，分享給大家。

簡報檔專區介紹

本專區內所有文件內容皆由台灣 IBM 公司及各公司提供，分享

給大家下載使用。

Agenda

● 臭氧窩(DominoClub)

● 網站介紹

● 網站改版

● XPage

● 介紹

● 畫面展示

● 改版心得

● XPage Mobile

● 介紹

● 畫面展示

● 應用心得

臭氧窩(DominoClub)的改版

前幾年這個網站在經過一些轉折後，因緣際會來到智

頡科技，由我們公司來進行維護。近年來，XPage開始盛

行後，有部份網友反應是否把臭氧窩進行XPage改版，在

經過一些努力後，現在有一些改版的成果，在此藉著這個

機會與大家分享。

Agenda

● 臭氧窩(DominoClub)

● 網站介紹

● 網站改版

● XPage

● 介紹

● 畫面展示

● 改版心得

● XPage Mobile

● 介紹

● 畫面展示

● 應用心得

XPage 的介紹(1/2)

IBM提供Domino設計人員一個方便開發Web應用系統的

工具

– 於2009年初推出

– 支持 Web 2.0 所有的特性

– 支持 Dojo，一個Open Source的JavaScript 框架，背後的支持者

有IBM、Sun、BEA等。

– 採用Java Server Faces(JSF)的技術，常見的Web應用開發產品中

都有廣泛應用，例如 IBM Rational Application Developer、

Jboss和Oracle Jdeveloper等。

– 將CSS、JavaScript、HTML和XSP標記語言進行整合

XPage 的介紹(2/2)

XPage可以讓程式設計人員開發Web應用系統更加容易

– 讓開發者能利用Web 2.0技術, 開發更具吸引力的Web界面

– 可大量沿用原本的Domino應用系統上的設計元件

– 節省開發時間，提高Domino程式設計人員的生產力

– 藉此吸引更多的開發人員加入Domino程式開發行列

Agenda

● 臭氧窩(DominoClub)

● 網站介紹

● 網站改版

● XPage

● 介紹

● 畫面展示

● 改版心得

● XPage Mobile

● 介紹

● 畫面展示

● 應用心得

討論區畫面展示

新文件畫面展示

回應文件畫面展示

文件回應清單畫面展示

頁面加入按讚的功能

網站原始畫面展示

網站改版畫面展示

Agenda

● 臭氧窩(DominoClub)

● 網站介紹

● 網站改版

● XPage

● 介紹

● 畫面展示

● 改版心得

● XPage Mobile

● 介紹

● 畫面展示

● 應用心得

XPage改版心得(1/3)

可以很方便的把原本主題的回應文件，呈現在同一個頁面

上，這樣一來，可以讓使用者方便瀏覽文件，不需要再逐

筆去點選

有很多不錯的元件可供應用，例如日曆元件、分頁器元件

及OneUI主題提供一些不錯的版面配置、樣式可以套用，

不需要再花時間寫程式去開發

開發設計的畫面變的更簡潔

XPage改版心得(2/3)

可大量沿用原本的Domino應用系統上的設計元件，例如

LotusScript及公式

把原本的密不可分的表單元件與文件做切割，進而達到實

現MVC的架構，另一方面也增加文件存放的安全性

支援多瀏覽器，不需要額外的測試及開發

開發Web程式，可以更快速、美觀

XPage改版心得(3/3)

• 實現MVC架構(目前最常用的Web應用開發架構)

• 模型(M)-文件及視界

• 檢視(V)-XPage

• 控制器(C)-代理程式及ScriptLibrary

View(XPage)

Modal(Document /View)

Controler

(Agent/ScriptLibrary)

Agenda

● 臭氧窩(DominoClub)

● 網站介紹

● 網站改版

● XPage

● 介紹

● 畫面展示

● 改版心得

● XPage Mobile

● 介紹

● 畫面展示

● 應用心得

XPage Mobile的介紹

自Domino Designer 8.5.3起，就提供一組可開發Mobile

的控制項

讓設計者可以很快的設計出適合手機瀏覽的網頁，並且會

隨著手機的不同，自動調整解析度

開發一次程式，可同時支援iPhone、Android Phone、

與BlackBerry三種手機。從Domino 9之後，另外增加支

援Windows Phone

Agenda

● 臭氧窩(DominoClub)

● 網站介紹

● 網站改版

● XPage

● 介紹

● 畫面展示

● 改版心得

● XPage Mobile

● 介紹

● 畫面展示

● 應用心得

iPhone畫面展示(1/2)

iPhone畫面展示(2/2)

Android畫面展示(1/2)

Android畫面展示(2/2)

BlackBerry畫面展示(1/2)

BlackBerry畫面展示(2/2)

XPage Mobile實際畫面展示

Agenda

● 臭氧窩(DominoClub)

● 網站介紹

● 網站改版

● XPage

● 介紹

● 畫面展示

● 改版心得

● XPage Mobile

● 介紹

● 畫面展示

● 應用心得

XPage Mobile應用心得

設計元件跟XPage一樣，只要用拖拉的方式即可應用

只要有一些XPage的設計概念，就能很快上手

使Domino的資料可以很簡單、快速的呈現於Mobile上

支援多款常用的手機，只要開發一次，即可在不同手機上

呈現

不需要像開發iPhone或Android上的程式，需要學習C或

Java

不需要像開發iPhone的程式，需要在Mac的機器上開發、

測試

資源分享(1/2)

WebSites

– http://openntf.org/Internal/home.nsf

– http://www.domino.club.tw/

– http://planetlotus.org/

– http://www-10.lotus.com/ldd/xpagesforum.nsf

– http://www.tlcc.com/free-xpages-training

– http://dojotoolkit.org/api/

資源分享(2/2)

Books

– 玩轉Xpages開發

– 精通Xpages應用開發和XSP語言權威指南

– Lotus Domino 8.5.1 XPage程式設計(Level 1)-基礎班

– XPages for Domino 9應用程式開發-XPages的基礎(Level

1)設計

– 行動式XPages應用程式 for Domino 9的開發與設計

– Dojo構建Ajax應用程序

– Mastering XPages: A Step-by-Step Guide to XPages

Application Development and the XSP Language

Backup

Dojo與Domino版本的對應關係

Domino has been keeping VERY up to date on the latest Dojo Versions

– 8.5.0 = Dojo 1.1.1

– 8.5.1 = Dojo 1.3.2

– 8.5.2 = Dojo 1.4.3

– 8.5.3 = Dojo 1.5.1

– 8.5.4 = Dojo 1.6.1

– 9.0 = Dojo 1.7.2

簡報完畢，謝謝!

Q&A