 |
XPages的RWD設計課程(Domino 9.0.1)(2017)第2次 |
2017/11/23 |
|
|
歷屆課程：
|
| XPages的RWD設計課程(Domino 9.0.1)(課程代號:ND9RWD)開課了！
|
|
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$10,000
元，此費用包含一本教材、場地/茶水費，以及當日的午餐費，並
提供兩種優惠方式
，物超所值，且名額有限，有興趣者請儘速報名！(課程費為含稅價，且可開發票以便報帳)
◆ 結業證書
：於課程最後一天結束時，將對每一位學員頒發結業證書，以茲證明上過本課程。
結業證書樣本
|
於上課當天繳費者，恕不提供預繳優惠，但仍可享多人同行之優惠。
本課程將提供正式教材。
各場次上課時間與線上報名場次
|
日期-時間
|
地點
|
名額
|
已報名人數
|
尚餘名額
|
優惠方式1
|
線上報名 |
| 台北
|
2017/12/16 (六)
AM 9:00-PM 4:30
|
自由廣場會議中心-多功能會議室
台北市內湖區瑞光路399號1F-詳細地圖
|
25 |
4 |
21 |
於2017/12/08
前報名並預繳學費者,享85折優惠 |
已截止報名 |
2017/12/23 (六)
AM 9:00-PM 4:30
|
於2017/12/15
前報名並預繳學費者,享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
-3.動態產生SlideNodes |
|
| 上午 |
第7課. RWD並非萬能丹 範例程式網頁
-1.回應式的對話框問題與改善方式
-2.使用就地表單與工具提示對話框
-3.區分手機版與電腦版的設計
--(1).判斷裝置類型
--(2).日期時間欄位的不同裝置處理方式
--(3).在同一個資料庫內使用不同的佈景主題
-4.使用資料視圖依裝置切割版面
--(1).全頁型的條列式選單
--(2).顯示統計圖
第8課.在手機的RWD特殊設計 範例程式網頁
-1.HTML5的輸入型態
-2.上傳手機的附檔與拍照或錄影
-3.使用閱讀器(限iOS)
-4.寄發email與簡訊文字
-5.撥打電話
第9課.XPage跨Sserver存取資料庫
-1.MVC架構
-2.誇 Sserver 存取資料庫的方式與安全性設定
-3.行動簽核的email通知文件連結設計方式 |
| 下午 |
-4.跨Sserver存取資料庫的Whitelist URL 參數設定
-5.文件安全與Userbean
-6.偵測XPAGE跨資料庫讀取文件的權限
-7.建立常用的跨SERVER存取資料庫之設定檔與程式庫
第10課.RWD網頁在桌機版頁面的特殊處理
-1.視圖XPage的按鈕列設計
-2.列印表單或視圖的設計
-3.勾選框群組與圓鈕群祖的特殊處理設計
-4.使用資料表(Data Table)以顯示視圖
-5.簽核介面的設計
第11課.回應式的整體設計範例程式網頁
-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)