TW201407366A - 使用者輸入畫面產生系統及其方法 - Google Patents

Abstract

一種使用者輸入畫面產生系統，包含一用以儲存一類別單元與一執行單元的伺服器裝置，及一用以產生一使用者輸入畫面的使用者介面單元的使用者裝置。當該使用者裝置透過網路下載該類別單元與該執行單元並執行該執行單元後，該使用者介面單元會於一對應該執行單元的檔案位置解析該類別單元以產生一類別資料，並根據該類別資料產生供使用者輸入的該使用者輸入畫面。一種使用者輸入畫面產生方法亦被揭露。

Description

使用者輸入畫面產生系統及其方法

本發明是有關於一種畫面產生系統，特別是指一種使用者輸入畫面產生系統及其方法。

隨著網路的蓬勃發展，越來越多的網頁開發技術相繼問世。早期的網頁開發技術仰賴遠端伺服器的處理能力，也就是說，近端主機的瀏覽器所產生的請求(Request)，大致上必須藉由遠端伺服器處理之後，再回傳對應的資料給近端主機。然而隨著網路使用人口越來越多，遠端伺服器漸漸地無法負荷過多同時間來自各地的近端主機的請求。因此新一代的網頁開發技術隨之而生。當中最熱門的莫過於爪哇(Java)架構，以及非同步的爪哇腳本語言與可延伸標示語言(Asynchronous JavaScript and XML，AJAX)架構。

上述新一代的網頁開發技術除了可以提供良好的使用者互動體驗外，有別於先前的「瘦客戶」(Thin Client)概念，較傾向於所謂的「胖客戶」(Fat Client)概念，也就是說，大部分瀏覽器所產生的請求是由近端主機所處理，只有其中少部分是由遠端伺服器處理，因此，新一代的網頁開發技術大大的降低了遠端伺服器的運算負擔。

然而對於系統開發人員而言，現有的爪哇架構與非同步的爪哇腳本語言與可延伸標示語言架構，是彼此完全獨立的開發環境。在爪哇架構下，開發人員可以重複地利用類別(Class)所定義出的欄位，因此開發新系統時，便可妥 善的利用先前開發舊系統時已經定義過的欄位，故開發人員可以有效率地進行新系統開發；在非同步的爪哇腳本語言與可延伸標示語言架構下，由於爪哇腳本語言具有難以重複利用的特性，因此每當系統開發人員欲開發新系統時，都必須從頭開始利用爪哇腳本語言撰寫原始碼，故相較之下顯得不是很有效率。

因此對於開發人員而言，如何將爪哇架構與非同步的爪哇腳本語言與可延伸標示語言架構彼此獨立的開發環境整合在一起，使得在非同步的爪哇腳本語言與可延伸標示語言架構下，可以不需從頭開始開發新系統，進而提升系統開發人員進行系統開發時的效率，便成為很重要的課題。

因此，本發明之目的，即在提供一種使用者輸入畫面產生系統。

於是，本發明使用者輸入畫面產生系統，包含一伺服器裝置，及一使用者裝置。

該伺服器裝置用以儲存一類別單元與一執行單元。

該使用者裝置包括一用以產生一使用者輸入畫面的使用者介面單元。

當該使用者裝置透過網路下載該類別單元與該執行單元並執行該執行單元後，該使用者介面單元會於一對應該執行單元的檔案位置解析該類別單元以產生一類別資料，並根據該類別資料產生供使用者輸入的該使用者輸入畫面 。

本發明之另一目的，即在提供一種使用者輸入畫面產生方法。

於是，本發明使用者輸入畫面產生方法，適用於一伺服器裝置與一使用者裝置，該伺服器裝置用以儲存一類別單元與一執行單元，該使用者裝置包括一使用者介面單元，該使用者輸入畫面產生方法包含以下步驟：(A)該使用者裝置透過網路下載並執行該執行單元；(B)該使用者介面單元於一對應該執行單元的檔案位置解析下載自該伺服器裝置的該類別單元，以產生一類別資料；及(C)該使用者介面單元根據該類別資料產生一供使用者輸入的使用者輸入畫面。

有關本發明之前述及其他技術內容、特點與功效，在以下配合參考圖式之二個較佳實施例的詳細說明中，將可清楚的呈現。

在本發明被詳細描述之前，要注意的是，在以下的說明內容中，類似的元件是以相同的編號來表示。

參閱圖1、圖2與圖3，本發明使用者輸入畫面產生系統1之第一較佳實施例包含一伺服器裝置11，及一使用者裝置12。該伺服器裝置11用以儲存一類別單元111與一執行單元112。該使用者裝置12包括一用以產生一使用者輸入畫面的使用者介面單元121，及一記憶體單元122。在本第一較佳實施例中，該伺服器裝置11由系統開發人員使用 爪哇語言開發，該使用者裝置12由系統開發人員使用爪哇腳本語言開發，亦即，本第一較佳實施例是採用非同步的爪哇腳本語言與可延伸標示語言架構。其中該伺服器裝置11為一電腦主機，該使用者裝置12可為一電腦主機，或者為一行動裝置，例如，平板電腦或智慧型手機。此外系統開發人員是採用現有的智慧型編輯器(Smart Editor)做為開發的工具。

該類別單元111包括一具有多個預先建立的欄位類別的可延伸標示語言(eXtensible Markup Language，XML)檔案。在本第一較佳實施例中，該可延伸標示語言檔案主要基於一新興技術工具箱(Emerging Technologies Toolkit，ETTK)而開發，亦即，該等欄位類別是基於該新興技術工具箱(例，ETTK Bean)而建立的。此外，每一欄位類別是一抽像化的類別，亦即，欄位類別的名稱是系統開發人員根據其功能而自行定義的，並分別繼承自谷哥網路工具箱(Google Web Toolkit，GWT)中的原生類別。又，在本第一較佳實施例中，對於該使用者裝置12而言，是採用爪哇腳本語言的方式讀取該類別單元111。

該記憶體單元122為一動態隨機存取記憶體(Dynamic Random Access Memory，DRAM)，並包括多個記憶體區塊。每一記憶體區塊對應該動態隨機存取記憶體的一記憶體區間(例，記憶體位址E000至EFFF)。

該執行單元112為一可被該使用者裝置12載入並執行的運行(Runtime)程式，並包括多個供該使用者裝置12執行 的指令。當該使用者裝置12執行該等指令後，會於該等記憶體區塊其中一者形成一用以解析該可延伸標示語言檔案的運行環境(Runtime Environment)。

該使用者介面單元121包括一瀏覽器(Browser)1211、一使用者介面1212，及一檢核程式1213。該檢核程式1213是基於該新興技術工具箱開發。該使用者介面1212用以產生該使用者輸入畫面，且亦是基於該新興技術工具箱開發。該瀏覽器1211用以呈現該使用者輸入畫面。在本第一較佳實施例中，該瀏覽器1211為現有的IE(版本為9.0)、FireFox、Google Chrome、Safari，及Dolphin HD其中一者。

以下藉由一使用者輸入畫面產生方法，針對上述的伺服器裝置11、使用者裝置12、類別單元111、執行單元112、使用者介面單元121與記憶體單元122彼此間的互動，進一步地說明。

如步驟S20所示，該使用者裝置12透過網路自該伺服器裝置11下載並執行該執行單元112。在本第一較佳實施例中，該使用者裝置12可以透過有線網路或者是無線網路的方式下載該執行單元112。

此外相較於現有的非同步的爪哇腳本語言與可延伸標示語言架構，本第一較佳實施例的概念較傾向於「富客戶」(Rich Client)概念，亦即，該使用者裝置12正式運作之前，需要自該伺服器裝置11下載所需的所有資料與檔案，例，該運行程式與該可延伸標示語言檔案。

如步驟S21所示，該使用者裝置12的使用者介面單元121於一對應該執行單元112的檔案位置，解析下載自該伺服器裝置11的該類別單元111，以產生一類別資料。又，該檔案位置為該記憶體單元的其中一記憶體區塊。亦即，該使用者裝置12還透過網路下載該類別單元111，且下載該類別單元111的時間點可以早於下載該執行單元112的時間點，亦可晚於下載該執行單元112的時間點。而該類別資料包括多個對應該等欄位類別的欄位。其中該等欄位是基於谷哥網路工具箱的原生類別(即，GWT Beans)所建立而成的。值得一提的是，該檢核程式1213亦可儲存於該伺服器裝置11以供該使用者裝置12透過網路下載，並不限於本較佳實施例所揭露。

也就是說，當該使用者裝置12執行該等指令後，該使用者介面單元121會於該記憶體區塊，解析該可延伸標示語言檔案，以產生該等欄位。惟該執行單元112與該檔案位置的對應關係為熟悉該領域者所能輕易理解，故不在此贅述。

如步驟S22所示，該使用者介面單元121的使用者介面1212根據該類別資料，產生供使用者輸入的該使用者輸入畫面。其中該使用者輸入畫面包括該等欄位其中至少一者。又，該使用者介面1212透過該執行單元112動態地產生該欄位與該使用者輸入畫面，亦即，該使用者輸入畫面並非預先設計好的靜態的畫面。

此外，該使用者介面1212用以接收使用者於該使用者 輸入畫面的欄位所輸入的一輸入資訊，及使用者於該使用者輸入畫面的欄位所觸發的一使用者事件。其中該輸入資訊可以為任何資料，例如相關於使用者的網路銀行的帳號與密碼，或者是使用者的身分證字號。而該使用者事件對應使用者的於該使用者輸入畫面的操作行為。舉例來說，當使用者輸入完該輸入資訊，並將滑鼠游標移開相對應的欄位時，便可觸發一檢核該輸入資訊的使用者事件(例，「OnBlur」)，或者，當使用者輸入完該輸入資訊，並按下該使用者輸入畫面的一「送出鈕」後，便會觸發對應該「送出鈕」的該使用者事件(例，「OnClick」)。

如步驟S23與步驟S24所示，當使用者於該使用者輸入畫面的欄位輸入該輸入資訊，並觸發該使用者事件後，該使用者介面1212會呼叫該使用者介面單元121的檢核程式1213檢核該輸入資訊。亦即，假設該輸入資訊關聯於使用者的身分證字號，當使用者於該使用者輸入畫面輸入該輸入資訊並按下該「送出鈕」後，該執行單元112會判斷該輸入資訊是否需要進一步的檢核，若需要檢核，則該使用者介面1212便會呼叫該檢核程式1213。接著，該檢核程式1213會檢核該使用者介面1212所接收的該輸入資訊，例如判斷該輸入資訊是否符合身分證字號的標準格式。

值得一提的是，檢核該輸入資訊的工作亦可由該伺服器裝置11來完成，並不限於本第一較佳實施例所揭露。舉例來說，當使用者於該使用者輸入畫面，輸入該輸入資訊並按下該「送出鈕」後，該使用者裝置12會透過網路將該 輸入資訊傳送至該伺服器裝置11以供其接收。接著，該伺服器裝置11便會檢核該輸入資訊，並將檢核結果透過網路傳送至該使用者裝置12以供其顯示。惟透過伺服器裝置11進行檢核的細節為熟悉該領域者所能輕易理解，故不在此贅述。

本發明使用者輸入畫面產生系統1之第二較佳實施例亦包含該伺服器裝置11，及該使用者裝置12。該伺服器裝置11也用以儲存該類別單元111與該執行單元112。該使用者裝置12也包括該使用者介面單元121，及該記憶體單元122。在本第二較佳實施例中，該伺服器裝置11由系統開發人員使用爪哇語言開發，該使用者裝置12也是由系統開發人員使用爪哇語言開發，亦即，有別於上述的第一較佳實施例，本第二較佳實施例是採用爪哇架構。其中該伺服器裝置11為一電腦主機，該使用者裝置12亦為一電腦主機，或者是一行動裝置。此外系統開發人員仍是採用現有的智慧型編輯器(Smart Editor)做為開發的工具。

該類別單元111包括一具有多個預先建立的欄位類別的可延伸標示語言檔案，且基於該新興技術工具箱開發。此外，每一欄位類別是一抽像化的類別，並分別繼承自爪哇官方的圖形化使用者介面的程式庫「Swing」中的原生類別。

又，該記憶體單元122與該執行單元112的功能如同上述的第一較佳實施例所描述，故不再贅述。

該使用者介面單元121包括一爪哇虛擬器(Java Virtual Machine)1214、該使用者介面1212，及該檢核程式1213。其中該檢核程式1213與該使用者介面1212的開發方式與功能如同上述的第一較佳實施例所描述，故不再贅述。該爪哇虛擬器1214採用預先下載並安裝至該使用者裝置12的方式，且用以呈現該使用者輸入畫面。惟爪哇虛擬機1214的運作流程與細節為熟悉該領域者所能輕易理解，且非本發明的重點，故不在此贅述。又，在本第二較佳實施例中，是採用爪哇文件物件模型(Java Document Object Model，JDOM)的方式讀取該類別單元111。

值得一提的是，本第二較佳實施例中的類別單元111與上述的第一較佳實施例中的類別單元111，是可以共用的。也就是說，系統開發人員利用該新興技術工具箱所建立的欄位類別，能適用於爪哇架構與非同步的爪哇腳本語言與可延伸標示語言架構，即，部份的欄位類別繼承自「GWT」中的原生類別(Beans)，部份的欄位類別繼承自「Swing」中的原生類別(Beans)。如此的優點在於，系統開發人員得以將爪哇架構與非同步的爪哇腳本語言與可延伸標示語言架構彼此獨立的開發環境整合在一起。又，當開發環境整合在一起後，對於非同步的爪哇腳本語言與可延伸標示語言架構而言，其亦具備了爪哇架構的特性，亦即，系統開發人員若欲開發新系統，可以妥善地利用先前已建立好的該類別單元111，而非採用現有的方式，如在該使用者裝置12端利用爪哇腳本語言，或，再結合超文本標示語言(HyperText Markup Language，HTML)開發新系統。

在本第二較佳實施例中，該伺服器裝置11、該使用者裝置12、該類別單元111、該執行單元112、該使用者介面單元121與該記憶體單元122彼此間的互動如同上述的第一較佳實施例所描述，故不再贅述。

值得一提的是，在現有的非同步的爪哇腳本語言與可延伸標示語言架構下，針對該使用者裝置12而言，系統開發人員僅單純用爪哇腳本語言開發，並無結合該可延伸標示語言檔案與該運行環境的概念，故相對應的原始碼的再使用率很低。然而透過本發明，在現有的非同步的爪哇腳本語言與可延伸標示語言架構下，系統開發人員得以充分的利用開發過程中所建立的欄位類別。

舉例來說，系統開發人員欲開發不同銀行專屬的櫃員系統時，針對該使用者裝置12端，可以利用曾經開發過的某銀行的櫃員系統中所建立的欄位類別，以開發出其它銀行專屬的櫃員系統，而無需重新撰寫原始碼，以達重複利用原始碼之功效。此外該檢核程式1213亦可重複利用而無需重新撰寫原始碼，亦即，該檢核程式1213可以在非同步的爪哇腳本語言與可延伸標示語言架構下運行，也可在爪哇架構下運行。

綜上所述，該類別單元可同時適用於爪哇架構與非同步的爪哇腳本語言與可延伸標示語言架構，因此系統開發人員得以將不同架構的開發環境整合在一起，且在非同步的爪哇腳本語言與可延伸標示語言架構下開發新系統時，結合該可延伸標示語言檔案與該運行環境的概念，並使用 已建立的欄位類別開發，而非重新撰寫原始碼，故確實能達成本發明之目的。

惟以上所述者，僅為本發明之較佳實施例而已，當不能以此限定本發明實施之範圍，即大凡依本發明申請專利範圍及發明說明內容所作之簡單的等效變化與修飾，皆仍屬本發明專利涵蓋之範圍內。

1‧‧‧使用者輸入畫面產生系統

11‧‧‧伺服器裝置

111‧‧‧類別單元

112‧‧‧執行單元

12‧‧‧使用者裝置

121‧‧‧使用者介面單元

1211‧‧‧瀏覽器

1212‧‧‧使用者介面

1213‧‧‧檢核程式

1214‧‧‧爪哇虛擬機

122‧‧‧記憶體單元

圖1是一系統圖，說明本發明使用者輸入畫面產生系統的第一較佳實施例；圖2是一系統圖，說明本發明使用者輸入畫面產生系統的第二較佳實施例；及圖3是一流程圖，說明對應本發明使用者輸入畫面產生系統的一使用者輸入畫面產生方法。

1‧‧‧使用者輸入畫面產生系統

11‧‧‧伺服器裝置

111‧‧‧類別單元

112‧‧‧執行單元

12‧‧‧使用者裝置

121‧‧‧使用者介面單元

1211‧‧‧瀏覽器

1212‧‧‧使用者介面

1213‧‧‧檢核程式

122‧‧‧記憶體單元

Claims (10)

1. 一種使用者輸入畫面產生系統，包含：一伺服器裝置，儲存一類別單元與一執行單元；及一使用者裝置，包括一產生一使用者輸入畫面的使用者介面單元；其中當該使用者裝置透過網路下載該類別單元與該執行單元並執行該執行單元後，該使用者介面單元會於一對應該執行單元的檔案位置解析該類別單元以產生一類別資料，並根據該類別資料產生供使用者輸入的該使用者輸入畫面。
2. 根據申請專利範圍第1項所述的使用者輸入畫面產生系統，其中該使用者裝置還包括一包括多個記憶體區塊的記憶體單元，該檔案位置為該等記憶體區塊其中一者，該類別單元包括一具有多個預先建立的欄位類別的可延伸標示語言(eXtensible Markup Language)檔案，該類別資料包括多個對應該等欄位類別的欄位，該執行單元包括多個指令，當該使用者裝置執行該等指令後，該使用者介面單元會於該記憶體區塊解析該可延伸標示語言檔案以產生該等欄位，該使用者輸入畫面包括該等欄位其中至少一者。
3. 根據申請專利範圍第2項所述的使用者輸入畫面產生系統，其中該使用者介面單元包括一瀏覽器(Browser)與一使用者介面，該瀏覽器用以呈現該使用者輸入畫面，該使用者介面產生該使用者輸入畫面，並接收使用者於該 使用者輸入畫面的欄位所輸入的一輸入資訊，及使用者於該使用者輸入畫面的欄位所觸發的一使用者事件。
4. 根據申請專利範圍第2項所述的使用者輸入畫面產生系統，其中該使用者介面單元包括一爪哇虛擬器(Java Virtual Machine)與一使用者介面，該爪哇虛擬器用以呈現該使用者輸入畫面，該使用者介面產生該使用者輸入畫面，並接收使用者於該使用者輸入畫面的欄位所輸入的一輸入資訊，及使用者於該使用者輸入畫面的欄位所觸發的一使用者事件。
5. 根據申請專利範圍第3項或第4項所述的使用者輸入畫面產生系統，其中使用者介面單元還包括一檢核程式，當使用者於該使用者輸入畫面的欄位輸入該輸入資訊並觸發該使用者事件後，該使用者介面會呼叫該檢核程式檢核該輸入資訊。
6. 一種使用者輸入畫面產生方法，適用於一伺服器裝置與一使用者裝置，該伺服器裝置用以儲存一類別單元與一執行單元，該使用者裝置包括一使用者介面單元，該使用者輸入畫面產生方法包含以下步驟：(A)該使用者裝置透過網路下載並執行該執行單元；(B)該使用者介面單元於一對應該執行單元的檔案位置解析下載自該伺服器裝置的該類別單元，以產生一類別資料；及(C)該使用者介面單元根據該類別資料產生一供 使用者輸入的使用者輸入畫面。
7. 根據申請專利範圍第6項所述的使用者輸入畫面產生方法，其中該使用者裝置還包括一包括多個記憶體區塊的記憶體單元，該檔案位置為該等記憶體區塊其中一者，該類別單元包括一具有多個預先建立的欄位類別的可延伸標示語言(eXtensible Markup Language)檔案，該類別資料包括多個對應該等欄位類別的欄位，該執行單元包括多個指令，當該使用者裝置執行該等指令後，該使用者介面單元會於該記憶體區塊解析該可延伸標示語言檔案以產生該等欄位，該使用者輸入畫面包括該等欄位其中至少一者。
8. 根據申請專利範圍第7項所述的使用者輸入畫面產生方法，其中該使用者介面單元包括一瀏覽器(Browser)與一使用者介面，該瀏覽器用以呈現該使用者輸入畫面，該使用者介面產生該使用者輸入畫面，並接收使用者於該使用者輸入畫面的欄位所輸入的一輸入資訊，及使用者於該使用者輸入畫面的欄位所觸發的一使用者事件。
9. 根據申請專利範圍第7項所述的使用者輸入畫面產生方法，其中該使用者介面單元包括一爪哇虛擬器(Java Virtual Machine)與一使用者介面，該爪哇虛擬器用以呈現該使用者輸入畫面，該使用者介面產生該使用者輸入畫面，並接收使用者於該使用者輸入畫面的欄位所輸入的一輸入資訊，及使用者於該使用者輸入畫面的欄位所觸發的一使用者事件。
10. 根據申請專利範圍第8項或第9項所述的使用者輸入畫面產生方法，其中使用者介面單元還包括一檢核程式，且步驟(C)之後還包含一步驟(D)：當使用者於該使用者輸入畫面的欄位輸入該輸入資訊並觸發該使用者事件後，該使用者介面會呼叫該檢核程式檢核該輸入資訊。