Mobile XPages設計與應用簡介
2012.10.11
通常用手機開啟一般的網頁，由於手機的尺寸比較小，所以會把整個網頁都縮小以填滿整個手機螢幕，這時就必須用雙指把螢幕一直放大，直到適合觀看的大小。而對網頁設計者而言，想要設計給適合手機瀏覽器開啟的網頁，就需把原始網頁內容做的很大，才會適合看。但通常手機解析度都不太一樣，各廠牌與型號的規格都不太一樣，到底要放到多大才會適合，這對設計者而言是一件很困擾的事情。

好在自Domino Designer 8.5.3起，XPages即提供一組「Mobile控制項」，它可讓設計者很快又容易的設計出適合手機瀏覽的網頁，並且會自動調整解析度，調成適合手機閱讀的大小。除此之外，還會依照手機的作業系統，自動調成類似手機OS的原生介面，同一支程式，可同時產生iPhone、Android Phone、與黑莓機三種介面。
也就是說，它已解決最讓開發者困擾的解析度與使用者介面(UI)的問題，而讓開發者只要把時間花在資料的處理上即可。例如以下是同一個網頁程式，卻可以分別在iPhone與Android顯示原生的樣式：

雖然此Mobile控制項非常好用，在國外也有不少範例可供參考，但卻沒有一套使用繁體中文介面寫成的範例。有鑑於此，本公司已實際開發出一套使用XPage Mobile控制項所設計出的網頁，以讓國內用戶可以實際體驗。

本展示網頁提供三個項目：
1.瀏覽待簽核與已簽核表單

2.填寫與簽核請假單

3.特殊功能

以上範例，請以智慧型手機的瀏覽器開啟以下網址：
http://www.esertec.com.tw/mobile.nsf  (若要用PC開啟，建議使用Chrome開啟，勿使用IE)

或是拍下以下的QRCode，即會自動產生網址：


請至Facebook社團留言 易和資訊 Facebook社團



版權所有　易和資控　 Copyright (C)   2024 Esertec All rights reserved . 　 瀏覽器建議使用1024*768 IE6.0以上