WEBGEN Application 远端监控网页设计档案.PPT

第14單元 WEBGEN Application 遠端監控網頁設計 課程大綱 14-1 Webgen軟體功能 14-2 Webgen遠端監控網頁設計 實習目的 硬體介紹 功能說明 實驗步驟 實習結果 Webgen Application Echelon公司的Webgen 是一個適合建立i.LON 100 網頁的WYSIWYG（所見即所得）工具。這個工具可讓你快速的將網路變量值添加到一個基於Web結構的頁面中，並實現自動更新。使用Webgen創建的這些網頁能夠使用標準的Web工具進行修改。 14-1 Webgen軟體功能 將圖形和網路變量進行關聯 連接也能夠直接插入Webgen的頁面中 經由網頁收到的每個網路變量能夠求值和轉換 新增更新網路變量值的更新按鈕元件 14-2 Webgen遠端監控網頁設計 先使用LonMaker軟體建置好所要設計的功能後(請參見前一單元說明)，再透過ilon傳送到模組，使模組能依設計的控制網路功能執行，執行成功後再利用WebGen設計遠端監控網頁。 硬體介紹 功能說明 實驗步驟 輸入iLON100的IP 確認電腦是否能連接到ilon WebGen設計 1/13 1.進入LonMaker畫面選擇New Network開啟一個新功能表 2.按下Enable Macros 3.檔案命名，命名完畢後按Next 4.選擇建立的iLON-100連接點，選擇完畢後按Next 5選擇Onnet選擇完畢後按Next WebGen設計 2/13 6.開啟新功能表後，先建立一條電力線加入電力線使用Channel規格選擇PL-20N WebGen設計 3/13 7.再加入一個路由器Router做信號線跟電力線連接，建立時要將設定改為Online，在按下Router硬體上的小黑鈕 WebGen設計 4/13 8.用Device來加入需要用到的硬體(燈泡、紅外線感測器)建立感測器時通道設定選擇雙絞線，驅動程式選擇7000010.xif，選擇Online按下Service Pin WebGen設計 5/13 9.建立燈泡，建立時選擇電力線當通道，驅動程式選擇內鍵驅動程式Upload From Divice，選擇Online按下Service Pin就架構完畢了 WebGen設計 6/13 10.所有硬體架設完畢後，使用Functional Block拖曳功能方塊先拖曳紅外線感測器(感測方塊) 建立時由下方Functional Block裡的Name選擇Occup Sensor WebGen設計 7/13 11. 再拖曳紅外線感測器(控制方塊) 建立時由下方Functional Block裡的Name選擇Occup Contr WebGen設計 8/13 12接著再拖曳燈泡功能方塊，最後用Connector做功能方塊的連結 WebGen設計 9/13 13.功能完成後開始測試是否正常，測試成功後，由File→Stencils→ilon 100新增ilon-100工具列，將ilon 100加入到硬體架構中， 選擇Online按下Service Pin WebGen設計 10/13 14.在ilon100的方塊上按右鍵選擇Configuration→選擇Extemal Points表單，選擇要設計控制網頁所用到的腳位用Add將其加入清單中 WebGen設計 11/13 15.選取完畢後開啟WebGen設計網頁，建立一個新的網頁清單，建立完畢後從左邊腳位清單中選取剛剛所加入需要用到的腳位，拖曳到右邊網頁製作介面 WebGen設計 12/13 16.網頁設計完畢後按上面的Save Project to iLON儲存並且瀏覽 WebGen設計 13/13 17.最後進行功能測試，在功能方框內輸入變數測試是否有功用，功能正常後就完成了。 實習結果 當在網頁上的燈泡方塊送入亮度數值時，燈泡會依所送的參數改變明暗度，當開關輸入0會關閉1會開啟 　控制腳位nviLampLevel 0~100.0 0或1 　　　　　　 ↑亮度 ↑開關 * 智慧型控制網路規劃與管理 * 智慧型控制網路規劃與管理 陳聯忠 老師 網路線接到ilon-100再用雙絞線連接到CIC700模組 實習使用模組：路由器、燈泡、電源供應器、 紅外線感測器 當紅外線感測器感測到變化時通知燈泡發光 沒變化時不發光 由控制台新增所要連結的ilon-100 IP，利用Add新增 * * * 智慧型控制網路規劃與管理