易和資訊-教育訓練-XPages的RWD設計課程(Domino 9.0.1)

XPages的RWD設計課程(Domino 9.0.1)(課程代號:ND9RWD)開課了！

2017/05/22

歷屆課程：

RWD(Responsive Web Design)，又稱響應式網頁設計、回應式網頁設計，是最近非常流行的網頁設計形式，可讓一個網頁，會在電腦與手機上自動以最佳的方式顯示出來，這可減少開發者的麻煩，因為只要設計一個網頁，就可同時在電腦與手機上執行。

雖然Domino自從在8.5.3的Upgrade Pack 1中，提供了行動式的控制項，可以設計在手機上執行的網頁，但功能與版面受限很多。且又要另外開發手機版本的XPage，這對開發者的確是一個負擔。

但所幸自從Domino 9.0.1的Feature Pack 8在今年三月Release之後，以及內含許多Responsive(在中文版的Designer翻譯成「回應式」)的元件，可以讓開發者很容易的做出RWD的網頁，這對Notes Domino的應用程式開發者，可以說是一個很大的福音。

有鑑於此，本公司在累積一些RWD的開發經驗後，便整理出相關的技術題材，特開闢此課程以傳授XPages在RWD的設計方式，內有一些您過去所想像不到的功能與使用者介面，期望能再帶領開發者，在XPages上的設計能力，能更上一層樓！

課程特色：
●詳細介紹XPages的RWD控制項
●附上範例程式
●循序漸進、由淺至深的課程編排，以作者多年的教學經驗，可讓初學者很容易的學習
●無太艱深的理論，每一課題材均以實務面說明與操作，可在很短的時間學習最實用與紮實的技術
●以本公司的實務開發經驗，傳授實用的設計方式與技巧
◆ 週六假日班：根據以往的開課經驗，由於週五的上班時間，很多人因忙於工作而沒有時間請假上課，故本次召開週六假日班，讓學員可在無工作干擾的情況下專心上課，也不需要請假；犧牲短暫的假日，可以換來技術的養成，對於日後的工作將更有幫助。
◆ 費用低廉：為讓學員以較無經濟壓力的狀況學習本課程，兩天課程的費用為NT$8,000 元，此費用包含一本教學講義、場地/茶水費，以及當日的午餐費，另外提供兩種優惠方式，物超所值，且名額有限，有興趣者請儘速報名！(課程費為含稅價，且可開發票以便報帳)
◆ 結業證書：於課程最後一天結束時，將對每一位學員頒發結業證書，以茲證明上過本課程。結業證書樣本

●優惠方式2：同場次同張報名表，兩人同行可享95折優惠，三人及以上同行，可享9折優惠。
●優惠方式1與優惠方式2可同時使用，享雙重優惠。
於上課當天繳費者，恕不提供預繳優惠，但仍可享多人同行之優惠。
本課程僅提供教學講義，非可單獨販售之正式教材。教學講義亦不提供單獨販售。

各場次上課時間與線上報名

場次

日期-時間

地點

名額

已報名人數

尚餘名額

優惠方式1

線上報名

台北

2017/06/10 (六)

AM 9:00-PM 5:00

自由廣場會議中心-多功能會議室
台北市內湖區瑞光路399號1F-詳細地圖

於2017/05/31 前報名並預繳學費者,享85折優惠

已截止報名

2017/06/17 (六)

AM 9:00-PM 5:00

於2017/06/08 前報名並預繳學費者,享9折優惠

●優惠方式2：同場次同張報名表，兩人同行可享95折優惠，三人及以上同行，可享9折優惠。
●優惠方式1與優惠方式2可同時使用，享雙重優惠。

課程大綱與上課時程

第一天

第二天

上午

第1課.介紹RWD
-1.RWD的原理
-2.OpenNTF之RWD範例AP介紹-Todo.NSF
-3.在XPage設定RWD的系統需求
-4.安裝與使用手機模擬器

第2課.使用回應式的應用程式佈置與Bootstrap佈景主題
-1. 簡式可回應配置
-2. 可回應引導配置
-3. 導覽器(Navigator)的選單設計

第3課.設計RWD的表單與視圖範例程式網頁
-1.回應式與非回應式表單差異
-2.設計回應式表單
-3.各輸入型控制項在RWD中的顯示方式
-4.在編輯框內提供「欄位提示」
-5.使用資料表格
-6.Richtext欄位的呈現
-7. Bootstrap樣式的按鈕與圖示

下午

-8.設計回應式視圖
-9.設計回應式視圖
-10.點按視圖欄位的排序與圖示

第4課.回應式的儀表版範例程式網頁
-1.Dashboard的屬性
-2.設計dashNode
-3.加上樣式與放到自訂控制項

第5課.回應式的導覽列範例程式網頁
-1.Navigation Bar的屬性
-2.設計Navigation Bar

上午

第6課.回應式的輪播器範例程式網頁
-1.Carousel的屬性
-2.設計slideNodes

第7課. RWD並非萬能丹範例程式網頁
-1.回應式的對話框問題與改善方式
-2.使用就地表單與工具提示對話框
-3.區分手機版與電腦版的設計
--(1).判斷裝置類型
--(2).日期時間欄位的不同裝置處理方式
--(3).在同一個資料庫內使用不同的佈景主題
-4.使用資料視圖依裝置切割版面
--(1).全頁型的條列式選單
--(2).顯示統計圖

下午

第8課.在手機的RWD特殊設計範例程式網頁
-1.HTML5的輸入型態
-2.上傳手機的附檔與拍照或錄影
-3.使用閱讀器(限iOS)
-4.寄發email與簡訊文字
-5.撥打電話
-6.使用Google地圖

第9課.回應式的整體設計範例程式網頁
-1. 首頁部分
--(1).版面配置
--(2).應用程式佈置的選單
--(3).導覽列
--(4).應用程式佈置的搜尋
-2.應用程式部分
--(1).版面配置
--(2).應用程式佈置與導覽器的選單
--(3).導覽列
--(4).視圖的搜尋
--(5).表單的填寫與簽核
--(6).必填欄位的檢核

若本課程需安裝IBM Notes/Domino 9.0.1 Feature Pack 8，若無安裝者可於上課第一天進行安裝 (本課程提供)

以上課程的範例網頁，請以電腦或智慧型手機的瀏覽器開啟以下網址：
http://www.esertec.com.tw/ND9RWD/EX03.NSF (若要用PC開啟，建議使用Chrome開啟，勿使用IE)

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

講師：Albert Huang(黃溪和)

注意事項：
1.學員請自備筆記型電腦，上課地點並無提供電腦以供練習。
2.曾購買本教材之學員，請記得帶本教材來上課。
3.自備的筆記型電腦，請自行安裝Lotus Notes Client/Domino Server 9，並已設定完成。
4.自備的筆記型電腦，最好配有光碟機與USB介面，以利copy範例程式。
5.建議不要使用平常工作用的筆電，以免移除正常的環境；或是先將原本的環境與資料備份起來。
6.上課時若想要增購其他教材，可以每本NT$500元(未稅)優惠價購買。
7.請帶著一顆輕鬆愉快的心情參加本課程，當日AM 8:45 開始報到。

附註：筆電規格：
CPU：Intel Pentium雙核心，1.7GHz更高或相容
記憶體：至少2GB
硬碟：請準備至少10GB空間
需具備USB
作業系統：任何Windows均可，講師的環境是Windows 7 若硬體規格夠高檔，可安裝VMWare，在其裡面安裝Domino(規格不夠高檔者請勿用VMWare)