XPages的RWD設計課程(Domino 9.0.1)(課程代號:ND9RWD)開課了!
2017/11/23
歷屆課程:
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)

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