XPages的RWD設計課程(Domino
9.0.1)(課程代號:ND9RWD)2019年版 開課了！
2019/07/22
|
歷屆課程：
|
RWD(Responsive Web
Design)，又稱響應式網頁設計、回應式網頁設計，是最近非常流行的網頁設計形式，可讓一個網頁，會在電腦與手機上自動以最佳的方式顯示出來，這可減少開發者的麻煩，因為只要設計一個網頁，就可同時在電腦與手機上執行。
自從Domino 9.0.1的Feature Pack
8在2017年3月Release之後，已經內含許多Responsive(在中文版的Designer翻譯成「回應式」)的元件，可以讓開發者很容易的做出RWD的網頁，這對Notes
Domino的應用程式開發者，可以說是一個很大的福音。當然，V10也都內建這些元件了，所以本課程用V10也可以開發。
有鑑於此，本公司在累積一些RWD的開發經驗後，便整理出相關的技術題材，特開闢此課程以傳授XPages在RWD的設計方式，內有一些您過去所想像不到的功能與使用者介面，期望能再帶領開發者，在XPages上的設計能力，能更上一層樓！
本課程曾在2017年有開課過，在經過兩年實務建置經驗後，本課程新增一些項目，是本公司這兩年實務建置經驗的分享，請參考下方「課程大綱」中有標註「(新)
」的項目。
設計RWD網頁已是目前的趨勢，所以Domino
XPage的應用程式，也要往這方向發展，才可符合時下多樣化使用裝置的需求。本公司於2017年起，所建置的新專案，都直接設計為RWD樣式，它也的確帶來許多方便與實用之處，故今日再推出此課程，以期各使用Notes/Domino的企業，能導入此技術與應用，讓XPage的應用程式更為方便好用。
本課程介紹頁，以及課程報名頁，也都改以RWD樣式來設計，故可發現用電腦與用手機看，在排版上有些許不同。 |
 |
課程特色
：
●詳細介紹XPages的RWD控制項
●附上範例程式
●循序漸進、由淺至深的課程編排，以作者多年的教學經驗，可讓初學者很容易的學習
●無太艱深的理論，每一課題材均以實務面說明與操作，可在很短的時間學習最實用與紮實的技術
●以本公司的實務開發經驗，傳授實用的設計方式與技巧
◆ 週六假日班
：根
據以往的開課經驗，由於週五的上班時間，很多人因忙於工作而沒有時間請假上課，故本次召開週六假日班，讓學員可在無工作干擾的情況下專心上課，也不需要請假；犧牲短暫的假日，可以換來技術的養成，對於日後的工作將更有幫助。
◆ 費用低廉
：為
讓學員以較無經濟壓力的狀況學習本課程，兩天課程的費用為NT$10,000
元，此費用包含一本教學講義、場地/茶水費，以及當日的午餐費，另外
提供兩種優惠方式
，物超所值，且名額有限，有興趣者請儘速報名！(課程費為含稅價，且可開發票以便報帳)
◆ 結業證書
：於課程最後一天結束時，將對每一位學員頒發結業證書，以茲證明上過本課程。
結業證書樣本
|
●優惠方式2：同場次同張報名表，兩人同行可享95折優惠，三人及以上同行，可享9折優惠。
●優惠方式1與優惠方式2可同時使用，享雙重優惠。
於上課當天繳費者，恕不提供預繳優惠，但仍可享多人同行之優惠。
本課程僅提供教學講義，非可單獨販售之正式教材。教學講義亦不提供單獨販售。
|
各場次上課時間與線上報名
| 場次 |
日期-時間 |
地點 |
名額 |
已報名人數 |
尚餘名額 |
優惠方式1 |
線上報名 |
| 台北 |
2019/08/10 (六)
AM 9:00-PM 5:00
|
自由廣場會議中心-多功能會議室
台北市內湖區瑞光路399號1F-詳細地圖
|
25 |
4 |
21 |
於2019/08/02
前報名並預繳學費者,享85折優惠 |
我要報名 |
2019/08/17 (六)
AM 9:00-PM 5:00
|
於2019/08/09
前報名並預繳學費者,享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.設計資料視圖(DataView)
-10.點按視圖欄位的排序與圖示
第4課.回應式的儀表版 範例程式網頁
-1.Dashboard的屬性
-2.設計dashNode
-3.加上樣式與放到自訂控制項
第5課.回應式的導覽列 範例程式網頁
-1.Navigation Bar的屬性
-2.設計Navigation Bar
第6課.回應式的輪播器 範例程式網頁
-1.Carousel的屬性
-2.設計slideNodes
-3.輪播器的應用實例：會議室預約
(新)
|
|
| 上午 |
第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).必填欄位的檢核
第10課.
將舊版XPage升級到RWD版
(新)
-1.修改與設計應用程式佈置
-2.修改表單的XPage
-3.修改視圖的XPage
-4.在控制項停用佈景主題
-5.RWD版與非RWD版XPage如何並存於同一個資料庫
-6.在Bootstrap佈景主題的資料庫內設計列印版網頁
-7.連鎖局部更新(連續更新多個控制項)
第11課.手機簽核的RWD設計(以請假單與差旅費報支單為例)
(新)
-1.Portal的設計
-2.視圖的設計(包含待簽核案件清單)
-3.簽核表單的設計
|
|
若您本次因時間衝突因素無法參加本場次課程，請再回信給
albert@esertec.com.tw，若這樣的人數足夠的話，將會再安排下一場，並事先詢問您有空的時間。
若本課程需安裝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)