TWI599941B - 網頁人機介面控制設備及其運作方法 - Google Patents

Description

網頁人機介面控制設備及其運作方法

本發明係關於一種人機介面控制技術，更詳而言之，係關於一種以流覽器為基礎之網頁人機介面控制設備及其運作方法。

在傳統的工業中，如一般注塑機係俗稱射出成型設備，其為一種塑膠成型設備，乃利用成型模具將熱塑性或熱固性的塑膠製作成各種形狀的塑膠製品。

注塑機配置有人機介面(Human Machine Interface，HMI)，於人機介面之控制系統中，人機介面都是基於Linux系統來實現。如第1圖所示，傳統工業人機介面系統架構由下往上分為四個部分，依次為硬體設備、作業系統、圖形庫(Graphic Library)和人機介面，其中，人機介面是基於圖形庫進行開發，通過作業系統之應用程式介面(Application Programming Interface，簡稱API)實現人機介面與硬體設備之間的資訊交互。

一般來說，Linux系統由三個部分組成，包括引導程序(BootLoader)、Linux內核、根文件系統(Root Filesystem)。Linux系統的啟動流程可分成以下三個階段，在第一階段中，引導程序啟動，此時會初始化硬體，並載入且啟動Linux內核，以及傳遞Linux內核所需要的啟動參數，之後，引導程序交出系統的控制權，此後再也與引導程序無關。在第二階段中，Linux內核啟動以完成初始化工作，接著，載入根文件系統，運行根文件系統中的init作為第一個進程(Process)，其運行於用戶空間，並且啟動內核守護進程(Kthreadd)作為第二個進程，其運行於內核空間。在第三階段中，系統進入正常運行狀態，用戶空間的各個進程由第一個進程啟動，內核空間的各個進程由第二個進程啟動，可由程式載入不同的文件系統以及運行不同的文件統中的程式，當用戶空間的程式進行系統調用(system call)的時候，將切換到內核空間執行，在系統正常的情況下，在此階段中，Linux內核空間與用戶空間程式交替在處理器(CPU)執行代碼。

一般來說，嵌入式的人機介面開發可分為主機和目的機，其中，生成代碼的機器稱為“主機”，而運行代碼的機器稱為“目的機”，由於主機和目的機不是由同一機器開發，故稱之為交叉開發，而代碼的編譯則稱之為交叉編譯，亦即通過交叉編譯工具生成目的機的程式，之後放入目的機系統中運行。然而，此種交叉開發方式在工業控制系統開發中即為不便，特別是，對於跨平臺的人機介面系統的開發方式和移植性也是受限的。

因此，如何克服習知技術之種種缺失，實已成目前本 領域技術人員所追求的目標。

鑒於上述習知技術之缺點，本發明之目的係提供一種以瀏覽器為基礎的網頁人機介面控制設備，係應用於注塑機之人機介面，且藉由將瀏覽器內核與JavaScript事件驅動環境整合為一個應用，從而提供網頁人機介面與本地作業系統之間的信息交互。

為達成前述目的及其他目的，本發明提出一種網頁人機介面控制設備，包括：網頁人機介面、作業系統以及人機介面控制系統。其中，該人機介面控制系統係用於提供該網頁人機介面與該作業系統之間的信息交互，以於操作該網頁人機介面控制設備之顯示器所顯示之該網頁人機介面時，產生一指令以執行對應信息，該人機介面控制系統，其包括：業務邏輯模組，係用於處理及綁定超文件標示語言內Javascript所提供之函數；解析器模組，係用於編譯及執行Javascript，其中，該解析器模組係作為該超文件標示語言之Javascript以及JavaScript事件驅動環境之Javascript的解析引擎，且該超文件標示語言之Javascript調用該JavaScript事件驅動環境內的應用程式；信息陣列模組，係用於產生網頁瀏覽器所執行之信息的排程陣列，該網頁瀏覽器係通過該超文件標示語言呈現該網頁人機介面；以及信息循環模組，係用於處理來自該排程陣列或該JavaScript事件驅動環境之信息，其中，當該網頁瀏覽器或該JavaScript事件驅動環境有事件時，該信息循環模組由 等待狀態被喚醒，以執行來自該排程陣列或該JavaScript事件驅動環境之信息。

於一實施例中，該JavaScript事件驅動環境係指採用Node.js作為Javascript運行環境。

於一實施例中，該作業系統接收來自該信息循環模組之控制指令，以將該控制指令封裝成網路封包，並通過網路硬體傳輸至受控機器之控制器。另外，該受控機器還包括對照表，用於提供該控制指令之對應操作。

於另一實施例中，該受控機器完成該控制指令後所產生之操作結果，係透過該控制器封裝成另一網路封包以回傳至該網頁人機介面控制設備。

於又一實施例中，該網頁人機介面控制設備與該受控機器之間係通過網路連接。

本發明還提出一種網頁人機介面控制設備之運作方法，係包含下列步驟：接收來自網頁人機介面之控制指令；觸發對應該控制指令之Javascript函數，通過JavaScript事件驅動環境之信息調合，以將該控制指令傳遞至底層的作業系統；封裝該控制指令成網路封包，通過網路硬體傳輸至受控機器，其中，該受控機器完成該控制指令後產生操作結果；接收並傳遞該操作結果至該JavaScript事件驅動環境，經該JavaScript事件驅動環境解析和調合後，產生解析結果；以及傳送該解析結果至該網頁人機介面之排程，藉以透過該網頁人機介面呈現該分析結果。

於一實施例中，該JavaScript事件驅動環境之調合包 括於該網頁人機介面以及該JavaScript事件驅動環境有事件時，對應執行來自該網頁人機介面之排程以及該JavaScript事件驅動環境之信息。

於又一實施例中，該網頁人機介面控制設備與該受控機器之間係通過網路連接。

於再一實施例中，該網頁人機介面提供瀏覽器網頁的方式，藉以實現多個網頁人機介面控制設備之統一管理。

於另一實施例中，該網頁人機介面提供瀏覽器網頁的方式，藉以實現透過該網頁人機介面之遠端音視訊通訊功能以維修其他網頁人機介面控制設備。

於一實施例中，該JavaScript事件驅動環境係指採用Node.js作為Javascript運行環境。

相較於先前技術，本發明提出之網頁人機介面控制設備及其運作方法，其中，網頁人機介面是透過Web技術開發，利用流覽器內核解析網頁人機介面，以及將流覽器內核與JavaScript事件驅動環境整合為一個應用，以實現於流覽器中之信息交互，且通訊部分是透過JavaScript事件驅動環境中對應模組來完成與本地作業系統間之交互。透過本發明之網頁人機介面控制設備，可提供友善的人機交互，且透過Web技術開發，不僅方便平台移植且易於將網頁人機介面與Web應用整合，更重要地，透過Web技術開發，還可輕鬆實現於多種終端設備上執行遠端診斷和操控，此利於廠商替客戶進行故障排除，進而提供較佳售後服務。

1、2‧‧‧網頁人機介面控制設備

11‧‧‧人機介面控制系統

111‧‧‧業務邏輯模組

112‧‧‧解析器模組

113‧‧‧信息陣列模組

114‧‧‧信息循環模組

12‧‧‧網頁瀏覽器

121‧‧‧網頁人機介面

13‧‧‧作業系統

14‧‧‧JavaScript事件驅動環境

3‧‧‧受控機器

S701~S705‧‧‧步驟

第1圖為傳統人機介面系統架構之示意圖；第2圖為本發明之網頁人機介面系統架構之示意圖；第3圖為本發明之網頁人機介面控制設備之架構示意圖；第4A圖為實現本發明之Javascript解析引擎融合之示意圖；第4B圖為實現本發明之信息事件循環融合之示意圖；第5圖為本發明之網頁人機介面控制設備與受控機器間運作之示意圖；第6A和6B圖為顯示本發明之網頁人機介面控制設備所採用之文件系統內容；以及第7圖為本發明之網頁人機介面控制設備之運作方法之步驟圖。

以下係藉由特定的實施例說明本發明之實施方式，熟悉此技術之人士可由本說明書所揭示之內容輕易地瞭解本發明之其他特點與功效。本發明亦可藉由其他不同的具體實施例加以施行或應用。

參閱第2圖，係說明本發明之網頁人機介面系統架構之示意圖。與傳統人機介面系統相比較，本發明之網頁人機介面系統架構與傳統人機介面系統架構(第1圖)之間的主要區別在於上邊兩層，傳統人機介面系統是基於對應作業系統所提供之圖形庫進行人機介面開發，而通訊部分 是直接使用作業系統的API進行通訊。如第2圖所示，本發明之網頁人機介面由Web技術開發，通過流覽器內核解析網頁人機介面，使其可於流覽器中實現交互，而通訊部分則是通過JavaScript事件驅動環境中相應模組完成與作業系統之間的信息交互。

參閱第3圖，係說明本發明之網頁人機介面控制設備之架構示意圖。如圖所示，網頁人機介面控制設備1包括人機介面控制系統11、網頁瀏覽器12以及作業系統13，人機介面控制系統11係用於提供網頁瀏覽器12之網頁人機介面121與作業系統13之間的信息交互。

具體來說，於使用者操作網頁人機介面控制設備1之顯示器(圖未示)所顯示之網頁人機介面121時，人機介面控制系統11產生一指令(控制指令)以執行對應信息，亦即該指令將被傳遞至作業系統13進行解析以得到該指令所對應執行內容，進而執行該內容之運作，例如執行使用者選擇之啟動、暫停等某一功能，然而在傳遞至作業系統13之前，網頁人機介面控制設備1將執行不同信息陣列來源所提供信息的融合。

人機介面控制系統11包括業務邏輯模組111、解析器模組112、信息陣列模組113以及信息循環模組114。

業務邏輯模組111係用於處理及綁定超文件標示語言(HTML)內Javascript所提供之函數，解析器模組112係用於編譯及執行Javascript，其中，解析器模組112係作為超文件標示語言之Javascript以及JavaScript事件驅動環境 114之Javascript的解析引擎，且超文件標示語言之Javascript調用該JavaScript事件驅動環境14內的應用程式。

信息陣列模組113係用於產生網頁瀏覽器12所執行之信息的排程陣列，該網頁瀏覽器12係通過超文件標示語言呈現該網頁人機介面121。簡單來說，信息陣列模組113提供了網頁瀏覽器12執行之信息的排程。

信息循環模組114係用於處理來自信息陣列模組113之排程陣列以及JavaScript事件驅動環境14之信息，其中，當網頁瀏覽器12或JavaScript事件驅動環境14有事件時，即要執行信息，則信息循環模組114將由等待狀態被喚醒，並執行來自排程陣列或JavaScript事件驅動環境14之信息，也就是說，當網頁瀏覽器12以及JavaScript事件驅動環境14都有事件時，兩者之信息可被調合成一個執行緒(thread)，這裡所述之執行緒，即表示事件執行時(program)的行程(process)(例如一段程式)的執行軌跡，例如從那一起始點開始、到目前為止所有函數之呼叫路徑以及呼叫路徑所用到之區域變數等，執行緒為電腦可執行的最小單位，於本實施例中，排程陣列或JavaScript事件驅動環境14兩者之信息被調合成一個執行緒。

具體實施時，信息循環模組114更包括信息接口(圖未示)，可用於調合排程陣列或JavaScript事件驅動環境14之信息，即兩者信息通過信息接口而被調和，藉此達到執行緒融合的目的。因此，基於所有信息事件運行於網頁瀏 覽器的執行緒中，故屬於網頁瀏覽器架構，使得本發明之網頁人機介面控制設備如同網頁瀏覽器具有跨平台性能，也具備跨平台性。

由上可知，本發明是採用Node-WebKit之技術手段加以實現，其技術手段在於使運行於WebKit上的網頁應用程式(WebAPP)或者網頁可具備Node.js的所有能力，如此可突破Webkit的很多限制，例如調用本地資源能力。Node.js是一種高效能且易擴充的網站應用程式開發框架(Web Application Framework)，主要用在開發高延展性的網路服務，故以往常應用於伺服器上，但本發明有別於習知作法，是將Node.js應用於網頁上，此可減少採用Webkit實現之網頁人機介面控制設備的許多限制。

也就是說，本發明之JavaScript事件驅動環境即是指採用Node.js作為Javascript運行環境。JavaScript是一個定義完整的程式語言，其可使用於不同上下文中，以JavaScript運行在瀏覽器為例，瀏覽器可提供上下文來定義使用JavaScript可以做什麼，Node.js即是一種不同於瀏覽器的上下文，其同樣用於定義使用JavaScript可以做什麼，亦即Node.js也可由其他具備可定義JavaScript做什麼的上下文取代。關於Node-WebKit實現方式，其目的是讓Node-WebKit最終呈現給使用者的就是在超文件標示語言(HTML)中的Javascript可以調用Node.js的所有應用程式。

請參閱第4A圖，係說明實現本發明之Javascript解析 引擎融合之示意圖。如該圖所示，業務邏輯模組，可以是Javascript的Bindings，係用來處理及綁定超文件標示語言Javascript層所提供的函數，而解析器模組是用來編譯及執行Javascript的解析器，例如Javascript的V8。因此，對超文件標示語言之Javascript層來說，解析引擎是Google V8，而Node.js的Javascript解析引擎也是V8，兩者都有自己的信息迴圈處理機制，彼此無法感知到對方的存在。

另外，排程引擎(例如WebKit)和JavaScript事件驅動環境(例如Node.js)通過合併業務邏輯模組(Bindings)和解析器模組(V8解析器)，將可實現Javascript解析引擎的打通，因此，可達到Javascript解析引擎融合之效果。

請參閱第4B圖，係說明實現本發明之信息事件循環融合之示意圖。如圖所示，網頁瀏覽器(例如為Chromium)對於信息的處理，可通過信息陣列模組來實現，信息陣列模組提供了流覽器執行信息的執行緒陣列。為了實現JavaScript事件驅動環境(Node.js)和網頁瀏覽器(Chromium)之間的信息事件融合，Node-WebKit擴展了網頁瀏覽器(Chromium)的消息處理佇列，並且為JavaScript事件驅動環境(Node.js)的消息佇列提供信息接口，因此，兩者之消息通過該信息接口可實現信息之執行緒的融合。

如圖所示，在正常狀態下，即沒有事件的情況，信息循環模組都處於“等待”狀態並阻塞，當JavaScript事件驅動環境(Node.js)或者網頁瀏覽器(Chromium)有事件的時候，將會喚醒信息循環模組以處理對應的信息。

通過上述Node-WebKit原理，提供以瀏覽器為基礎的人機介面控制系統，其中，本發明之跨平台性能是由於所有信息事件都運行在網頁瀏覽器的執行緒中，亦即仍維持是網頁瀏覽器的架構，由於網頁瀏覽器具有跨平台性能，故本發明之網頁人機介面控制設備也具備跨平台性。

另外，除了前述網頁人機介面控制設備內部對於信息的調和外，還有網頁人機介面控制設備與受控機器之間信息傳遞的處理，其中，網頁人機介面控制設備與受控機器之間是通過網路連接。

請再參閱第3圖，簡單來說，作業系統13接收來自信息循環模組114之控制指令後，會將該控制指令封裝成網路封包，並通過網路硬體傳輸至受控機器(圖未示)之控制器。

受控機器內具有一對照表，用於提供該控制指令之對應操作，亦即受控機器可依據所找到之對應操作以對應運作，待受控機器完成該控制指令後，會產生操作結果，該操作結果透過該控制器封裝成另一網路封包而回傳至網頁人機介面控制設備1。關於網頁人機介面控制設備與受控機器之間信息處理方式，下面將舉例說明。

請參閱第5圖，其係說明本發明之網頁人機介面控制設備與受控機器間運作之示意圖。如前所述，除了前述網頁人機介面控制設備內部對於信息的調和外，於第5圖中，將進一步說明網頁人機介面控制設備與受控機器之間信息傳遞的處理。如圖所示，左邊為本發明提出之網頁人 機介面控制設備2，右邊為受控機器3，本實施例是以機械手為例，但不限制，網頁人機介面控制設備2和受控機器3兩者通過網路(有線或無線)連接，以實現彼此之間的信息交互。

舉例來說，實際操作時，在點擊網頁人機介面控制設備2之網頁人機介面中“回原點”選項後(此在用戶介面層中執行)，會觸發對應的Javascript函數，在函數中通過調用JavaScript事件驅動環境(Node.js)的通訊模組(此在通訊層中執行)，以將控制指令從排程引擎(WebKit層)傳遞給底層作業系統(例如Windows)的網路層，底層作業系統對JavaScript事件驅動環境(Node.js)傳遞過來的控制指令，經封裝成網路封包後，通過網路傳輸到受控機器3(例如受控主機)。

受控機器3收到網頁人機介面控制設備2發送過來的網路封包後，經解析獲取到控制指令，根據預設之指令對照表，執行對最終設備的“回原點”操作。如圖所示，受控機器3之控制器通過通訊總線控制各個軸及其他部件(機械手之X軸手臂等)，進而操控機械手以執行操作。

待操作完成後，將產生例如成功標示碼或失敗標示碼的操作結果，通過受控機器3之控制器封裝成網路封包，再發送給網頁人機介面控制設備2，網頁人機介面控制設備2收到來自受控機器3的網路封包後，將解析該網路封包內容，之後，傳遞給JavaScript事件驅動環境(Node.js)的偵聽程式，由JavaScript事件驅動環境(Node.js)的其 他模組對該解析內容進行分析，並將最終結果傳遞給信息循環模組，進入網頁瀏覽器的執行緒，以實現在網頁中顯示欲操作之執行結果。

上述流程說明了網頁人機介面控制設備與受控機器之間的控制、狀態等傳遞和回饋過程，而兩者之間的其他操作，或者是受控機器狀態之即時回饋也與此流程相似。

請參閱第6A和6B圖，其係說明本發明之網頁人機介面控制設備所採用之文件系統內容。如第6A圖所示，其表示網頁人機介面之文件夾總覽，其中，最後一個文件WebHMI.zip的解壓縮檔為功能邏輯代碼部分(詳見第6B圖)，其餘的文件則是用來鏈結Node.js資料庫和webkit資料庫，藉此將兩者的進程整合到一個進程中，以實現對相互資源自由調用之目的。

如第6B圖所示，為網頁人機介面的頁面文件夹，從上到下依次為：樣式檔(css)、頁面檔(html)、圖示檔(imags)、腳本檔(js)、入口頁面(index.html)以及配置檔(package.json)。除了以上述文件外，該文件夾中也可以放Node.js的通訊DLL庫或其他通訊模組，以便在html頁面中調用執行。

參閱第7圖，係說明本發明之網頁人機介面控制設備之運作方法之步驟圖，其中，網頁人機介面控制設備與受控機器之間是通過網路連接。於步驟S701中，係接收來自網頁人機介面之控制指令。如前所述，作業人員可透過網頁呈現之人機介面選擇欲執行之控制指令。接著至步驟 S702。

於步驟S702中，係觸發對應該控制指令之Javascript函數，通過JavaScript事件驅動環境之信息調合，以將該控制指令傳遞至底層的作業系統。簡言之，於本步驟中，在選擇控制項目後，所選擇控制指令將觸發對應的Javascript函數，經由JavaScript事件驅動環境的信息調合，該控制指令被傳送至底層的作業系統。

上述之JavaScript事件驅動環境之調合包括於網頁人機介面或JavaScript事件驅動環境有事件時，對應執行來自網頁人機介面之排程或JavaScript事件驅動環境之信息。接著至步驟S703。

於步驟S703中，係封裝該控制指令成網路封包，通過網路硬體傳輸至受控機器，其中，該受控機器完成該控制指令後產生操作結果。詳言之，本步驟是將控制指令封裝成網路封包，傳送至受控機器執行並產生操作結果，其中，受控機器具有指令對照表，可由此取得該控制指令之對應操作。接著至步驟S704。

於步驟S704中，係接收並傳遞該操作結果至該JavaScript事件驅動環境，經該JavaScript事件驅動環境解析和調合後，產生解析結果。本步驟是網頁人機介面控制設備接收操作結果，經過解析和調合後得到解析結果。接著至步驟S705。

於步驟S705中，係傳送該解析結果至該網頁人機介面之排程，藉以透過該網頁人機介面呈現該分析結果。也就 是說，該解析結果接著會進入網頁之排程中，並以web形式透過人機介面呈現該分析結果。

由上可知，網頁人機介面提供了瀏覽器網頁的方式，如此可實現多個網頁人機介面控制設備之統一管理。更具體來說，本案採用Web技術開發人機介面，通過瀏覽器內核解析成瀏覽器中運行的畫面，不僅開發輕鬆，降低受圖形庫的限制，因而利於多個網頁人機介面控制設備的整合管理。

另外，網頁人機介面提供了瀏覽器網頁的呈現方式，藉此實現透過網頁人機介面之遠端音視訊通訊功能來維修其他網頁人機介面控制設備，也就是說，由於網頁人機介面通常具有音視訊通訊能力，因而結合本案所述之基於瀏覽器網頁的網頁人機介面，將可改善習知不同設備間可能因不同程式呈現之人機介面的溝通問題，或者是需採用遠端桌面之繁瑣手段，故可使各設備之間的遠端維護或遠端診斷更容易。

透過上述步驟可知，本發明提出的是以網頁流覽器作為人機介面的呈現載體，此方便廠商透過人機介面進行遠端維修，進而達到在工業控制系統中，人機介面具備音視訊通訊維修能力的功能。採用流覽器作為工業控制系統人機交互的載體，所以基於流覽器的所有應用都是本發明區別于傳統HMI的優點，比如HMI自身提供遠端音視頻維修功能服務，方便對機器故障的診斷和維護；基於流覽器的3D應用，該應用可以在維修中幫助維修工程師與客戶 快速進行故障的定位和排查，縮短維修時間，為客戶提供高效的售後服務等優點。

綜上所述，本發明提出之網頁人機介面控制設備及其運作方法，由於網頁人機介面是透過Web技術開發，並將流覽器內核與JavaScript事件驅動環境整合為一個應用，故可實現於流覽器中之信息交互。本發明之網頁人機介面控制設備除了可提供友善的人機交互外，在透過Web技術開發下，不僅方便平台移植且易於將網頁人機介面與Web應用整合，於此情況下，將可輕鬆實現於多種終端設備上執行遠端診斷和操控，可讓網頁人機介面控制設備具更完善功能和效益。

上述實施例僅例示性說明本發明之原理及其功效，而非用於限制本發明。任何熟習此項技藝之人士均可在不違背本發明之精神及範疇下，對上述實施例進行修飾與改變。因此，本發明之權利保護範圍，應如後述之申請專利範圍所列。

1‧‧‧網頁人機介面控制設備

11‧‧‧人機介面控制系統

111‧‧‧業務邏輯模組

112‧‧‧解析器模組

113‧‧‧信息陣列模組

114‧‧‧信息循環模組

12‧‧‧網頁瀏覽器

121‧‧‧網頁人機介面

13‧‧‧作業系統

14‧‧‧JavaScript事件驅動環境

Claims (10)

1. 一種網頁人機介面控制設備，包括：網頁人機介面；作業系統；以及人機介面控制系統，係用於提供該網頁人機介面與該作業系統之間的信息交互，以於操作該網頁人機介面控制設備之顯示器所顯示之該網頁人機介面時，產生一指令以執行對應信息，該人機介面控制系統包括：業務邏輯模組，係用於處理及綁定超文件標示語言內Javascript所提供之函數；解析器模組，係用於編譯及執行Javascript，其中，該解析器模組係作為該超文件標示語言之Javascript以及JavaScript事件驅動環境之Javascript的解析引擎，且該超文件標示語言之Javascript調用該JavaScript事件驅動環境內的應用程式，其中，該JavaScript事件驅動環境係指採用Node.js作為Javascript運行環境；信息陣列模組，係用於產生網頁瀏覽器所執行之信息的排程陣列，該網頁瀏覽器係通過該超文件標示語言呈現該網頁人機介面；以及信息循環模組，係用於處理來自該排程陣列以及該JavaScript事件驅動環境之信息，其中，當該網頁瀏覽器及/或該JavaScript事件驅動環境有事件時，該信息循環模組由等待狀態被喚醒，以執行來自該排程陣 列或該JavaScript事件驅動環境之信息；其中，該網頁人機介面控制設備係採用Node-WebKit，使運行於WebKit上的網頁應用程式或者網頁可具備Node.js的所有能力。
2. 如申請專利範圍第1項所述之網頁人機介面控制設備，其中，該信息循環模組更包括信息接口，係用於調合該排程陣列以及該JavaScript事件驅動環境之信息。
3. 如申請專利範圍第1項所述之網頁人機介面控制設備，其中，該作業系統接收來自該信息循環模組之控制指令，以將該控制指令封裝成網路封包，並通過網路硬體傳輸至受控機器之控制器。
4. 如申請專利範圍第3項所述之網頁人機介面控制設備，其中，該受控機器完成該控制指令後所產生之操作結果，係透過該控制器封裝成另一網路封包以回傳至該網頁人機介面控制設備。
5. 如申請專利範圍第3項所述之網頁人機介面控制設備，其中，該受控機器還包括對照表，用於提供該控制指令之對應操作。
6. 如申請專利範圍第3項所述之網頁人機介面控制設備，其中，該網頁人機介面控制設備與該受控機器之間係通過網路連接。
7. 一種網頁人機介面控制設備之運作方法，係包含下列步驟：接收來自網頁人機介面之控制指令； 觸發對應該控制指令之Javascript函數，通過JavaScript事件驅動環境之信息調合，以將該控制指令傳遞至底層的作業系統，其中，該JavaScript事件驅動環境係指採用Node.js作為Javascript運行環境；封裝該控制指令成網路封包，俾通過網路硬體傳輸該網路封包至受控機器，以令該受控機器完成該控制指令後產生操作結果；接收並傳遞該操作結果至該JavaScript事件驅動環境，俾經該JavaScript事件驅動環境解析和調合後，產生解析結果；以及傳送該解析結果至該網頁人機介面之排程，藉以透過該網頁人機介面呈現該分析結果；該網頁人機介面控制設備係採用Node-WebKit，使運行於WebKit上的網頁應用程式或者網頁可具備Node.js的所有能力。
8. 如申請專利範圍第7項所述之網頁人機介面控制設備之運作方法，其中，該JavaScript事件驅動環境之調合包括於該網頁人機介面以及該JavaScript事件驅動環境有事件時，對應執行來自該網頁人機介面之排程以及該JavaScript事件驅動環境之信息。
9. 如申請專利範圍第7項所述之網頁人機介面控制設備之運作方法，其中，該受控機器還包括對照表，用於提供該控制指令之對應操作。
10. 如申請專利範圍第7項所述之網頁人機介面控制設備 之運作方法，其中，該網頁人機介面控制設備與該受控機器之間係通過網路連接。