TW201928718A - 頁面排版方法及頁面排版系統 - Google Patents

Abstract

一種頁面排版方法及頁面排版系統。頁面排版方法包括以下步驟。取得手持式電子裝置之姿態。選擇相應於姿態之編排版面。輸出編排版面至手持式電子裝置之連結介面。

Description

頁面排版方法及頁面排版系統

本發明是有關於一種頁面排版方法及頁面排版系統，且特別是有關於一種顯示於手持式電子裝置之連結介面之頁面排版方法及頁面排版系統。

隨著科技進步，手持電子裝置之使用也越來越普遍，人們幾乎時不時地透過手持電子裝置來瀏覽所需之資訊。

目前，手持式裝置(例如是智慧型手機、平板等)大多以大尺寸螢幕為發展潮流。然而，對於一些手掌尺寸較小的使用者來說，在某些必須以單手來操作並瀏覽的情況下，並無法順利且舒適地使用。

本發明係有關於一種頁面排版方法及頁面排版系統，可依據手持式電子裝置的姿態，判斷使用者目前是以單手或雙手操作手持式電子裝置，進而改變連結介面的編排版面，以便於使用者單手操作。

根據本發明之一方面，提出一種頁面排版方法。頁面排版方法包括以下步驟。取得手持式電子裝置之姿態。選擇相應於姿態之編排版面。輸出編排版面至手持式電子裝置之連結介面。

根據本發明之另一方面，提出一種頁面排版系統。頁面排版系統包括一手持式電子裝置以及一伺服主機。手持式電子裝置包括一連結介面。伺服主機包括一偵測單元、一排版單元以及一頁面輸出單元。偵測單元用以取得手持式電子裝置之一姿態。排版單元用以選擇相應於姿態之一編排版面。頁面輸出單元用以輸出編排版面至連結介面。

為了對本發明之上述及其他方面有更佳的瞭解，下文特舉實施例，並配合所附圖式詳細說明如下：

以下提出各種實施例進行詳細說明，然而，實施例僅用以作為範例說明，並不會限縮本發明欲保護之範圍。此外，實施例中的圖式省略部份元件，以清楚顯示本發明的技術特點。

請參照第1圖，其繪示根據本發明一實施例之頁面排版系統100。以第1圖的例示而言，頁面排版系統100包括一伺服主機110及一手持式電子裝置120。伺服主機110例如是具有運算能力的檔案伺服器、資料庫伺服器、應用程式伺服器、雲端伺服器、工作站或個人電腦等計算機裝置。手持式電子裝置120例如是智慧型手機、平板電腦、個人數位助理等可以單手和雙手進行操作的電子裝置。

手持式電子裝置120包括連結介面122。連結介面122例如是軟體應用程式或瀏覽器，且可透過網路(例如行動網路或無線網路)而連結至伺服主機110。舉例而言，使用者可透過執行手持式電子裝置120的連結介面122，例如是點擊軟體應用程式、或於瀏覽器中輸入網站之網址，使連結介面122發出連結要求至伺服主機110。

伺服主機110包括偵測單元111、排版單元面112、儲存單元113及頁面輸出單元114。儲存單元113例如是一硬碟、一記憶體、一記憶卡、一光碟、或一雲端資料中心，用以儲存包含數個編排版面之資料庫，此些編排版面包含數個物件之排列組合。此些物件包括各種電子文件或資訊，例如是以各種形式所呈現的圖片、按鈕、文字、網址、選單、影音訊息等。偵測單元111、排版單元面112及頁面輸出單元114可例如是藉由使用一晶片、晶片內的一電路區塊、一韌體電路、含有數個電子元件及導線的電路板或儲存複數組程式碼的一儲存媒體來實現，也可藉由電腦系統、伺服器等電子裝置執行對應軟體或程式來實現。

偵測單元111耦接於排版單元112，並可用以取得手持式電子裝置120之一姿態。排版單元112耦接於儲存單元113及頁面輸出單元114，並可用以從儲存單元113中選擇相應於手持式電子裝置120之姿態之一編排版面。頁面輸出單元114可用以輸出所選擇的編排版面至連結介面122。

手持式電子裝置120更包括姿態感測單元121。姿態感測單元121例如是陀螺儀、電子羅盤、重力感測器等及其組合，用以偵測手持式電子裝置120之狀態變化，例如是手持式電子裝置120的傾斜角度、旋轉角度等變化。

以下搭配流程圖詳細說明上述各項元件之運作。請參照第2圖，其繪示根據本發明一實施例之頁面排版方法的流程圖。在步驟S210中，連結介面122發出連結要求至伺服主機110。

接著，在步驟S220中，當伺服主機110接收到連結介面122所發出的連結要求時，偵測單元111判斷發出連結要求之裝置的類型。在此步驟中，當判斷發出連結要求之裝置係為手持式電子裝置120時，則進行步驟S222。

在步驟S222中，偵測單元111發出提醒訊息至連結介面122。接著，在步驟S224中，連結介面122顯示提醒訊息，以供使用者確認是否接受此提醒訊息。當使用者確認接受提醒訊息時，則進行步驟S230。

在步驟S230中，當偵測單元111判斷提醒訊息被接受時，姿態感測單元121偵測手持式電子裝置120當下之狀態變化。在此步驟中，連結介面122可透過一應用程式介面(Application Programming Interface, API)，要求取得姿態感測單元121所偵測之手持式電子裝置120當下之狀態變化。此應用程式介面可透過嵌入用程式碼(例如為JavaScript)要求取得姿態感測單元121所偵測之手持式電子裝置120當下之狀態變化。

接著，在步驟S240中，姿態感測單元121將偵測之狀態變化回傳至伺服主機110，使偵測單元111取得手持式電子裝置120之姿態，如步驟S250。

上述的步驟S220、S222、S224、S230、S240及S250中，係先於連結介面122中顯示提醒訊息，來要求取得手持式電子裝置120之姿態。於步驟S230中所述之手持式電子裝置120當下之狀態變化，指的是提醒訊息被接受的期間，手持式電子裝置120之狀態變化，以藉由使用者透過點擊進行確認提醒訊息的動作，來判斷使用者是否以單手來操作手持式電子裝置120，以及是以左手或右手操作手持式電子裝置120。然而，本揭露並不以此為限。在其它實施例中，當判斷發出連結要求之裝置係為手持式電子裝置120時，可直接進行步驟S230。舉例而言，可例如是透過一事先建立的對照表，來尋找姿態感測單元121偵測之狀態變化所對應的手持式電子裝置120之姿態，以判斷使用者是否以單手來操作手持式電子裝置120，以及是以左手或右手操作手持式電子裝置120。

接著，在步驟S260中，排版單元112從儲存單元113中選擇相應於姿態之編排版面。在此，編排版面可包含數個物件之排列組合。

接著，在步驟S270中，頁面輸出單元114輸出編排版面至連結介面122，使連結介面122顯示包含數個物件之排列組合的編排版面，如步驟S280。

因此，上述之頁面排版系統100以及頁面排版方法，可依據手持式電子裝置120的姿態，判斷使用者目前是以雙手或單手操作手持式電子裝置120，進而改變連結介面122的編排版面，以便於使用者單手操作。藉此，使用者可輕鬆並舒適地以單手操作手持式電子裝置120。以下以各實施例來對此作進一步的描述。

請參照第3圖，其繪示根據本發明一實施例之頁面排版方法的流程圖。首先，在步驟S310中，偵測單元111判斷是否接收連結介面122所發出之連結要求。若接收連結介面122所發出之連結要求，則進入步驟S320。

在步驟S320中，偵測單元111判斷發出連結要求之裝置是否為手持式電子裝置120。若裝置的類型非為手持式電子裝置120，則進入步驟S390，偵測單元111令排版單元112從儲存單元113中選擇原始編排版面S0，並令頁面輸出單元114輸出所選擇的原始編排版面S0至連結介面122。原始編排版面S0將於後述說明。

在步驟S320中，若裝置的類型為手持式電子裝置120，則進入步驟S330。在步驟S330中，偵測單元111發出提醒訊息至連結介面122，以供使用者確認是否接受此提醒訊息。

接著，在步驟S340中，偵測單元111判斷提醒訊息是否被接受。若提醒訊息未被使用者所接受，則進入步驟S390，偵測單元111令排版單元112從儲存單元113中選擇原始編排版面S0，並令頁面輸出單元114輸出所選擇的原始編排版面S0至連結介面122。

若提醒訊息被使用者所接受，則進入步驟S350。在步驟S350中，偵測單元111取得手持式電子裝置120之姿態。在一實施例中，偵測單元111所取得之姿態可為手持式電子裝置120之旋轉角度。

請參照第4圖，其繪示根據本發明一實施例之手持式電子裝置120的示意圖。手持式電子裝置120包括螢幕123，螢幕123具有一長軸(即Y軸)及一短軸(即X軸)。在一實施例中，偵測單元111所取得之姿態可為手持式電子裝置120沿長軸(即Y軸)之旋轉角度R。然本揭露並不限於此。舉例而言，偵測單元111所取得之姿態亦可為手持式電子裝置120的傾斜角度等變化。

請參照第3圖。接著，在步驟S360中，偵測單元111根據旋轉角度R，判斷手持式電子裝置120是否旋轉。當手持式電子裝置120未旋轉時，則進入步驟S390，偵測單元111令排版單元112從儲存單元113中選擇原始編排版面S0，並令頁面輸出單元114輸出所選擇的原始編排版面S0至連結介面122。當手持式電子裝置120向左旋轉時，則進入步驟S370，偵測單元111令排版單元112從儲存單元113中選擇第一編排版面S1，並令頁面輸出單元114輸出所選擇的第一編排版面S1至連結介面122。當手持式電子裝置120向右旋轉時，則進入步驟S380，偵測單元111令排版單元112從儲存單元113中選擇第二編排版面S2，並令頁面輸出單元114輸出所選擇的第二編排版面S2至連結介面122。

請參照第5A～5C圖，其分別繪示根據本發明多個實施例之手持式電子裝置120的連結介面122以原始編排版面S0、第一編排版面S1及第二編排版面S2顯示的示意圖。

如第5A圖所示，當手持式電子裝置120未旋轉時，表示使用者目前以雙手操作、或是手持式電子裝置120處於靜置的狀態，螢幕123顯示出以原始編排版面S0所呈現的連結介面122。原始編排版面S0包含複數個原始物件132及134。在一實施例中，原始物件132可以是純文字、純圖片、純影音等不帶有網址連結的任何資訊，及/或不可供使用者點選操作的資訊。原始物件134可以是帶有網址連結的任何資訊，及/或可供使用者點選操作的選單。若原始物件134為帶有網址連結的資訊，例如是帶有網址連結的文字、圖片、按鈕等資訊，當此原始物件134被點選後，將可經由網路連結至指定之網址。

舉例而言，當連結介面122為一購物網站之軟體應用程式的情形下，原始物件132可以是顯示商品的純圖片，原始物件134可以是購買按鈕及/或選單。在原始編排版面S0之排版下，原始物件132及原始物件134可呈左右對稱排列，如第5A圖所示之配置。

如第5B圖所示，當手持式電子裝置120向左旋轉時，表示使用者目前以左手單手操作，螢幕123顯示出以第一編排版面S1所呈現的連結介面122。第一編排版面S1包含複數個第一物件232及234。在一實施例中，第一物件232可以是純文字、純圖片、純影音等不帶有網址連結的任何資訊，及/或不可供使用者點選操作的資訊。第一物件234可以是帶有網址連結的任何資訊，及/或可供使用者點選操作的選單。若第一物件234為帶有網址連結的資訊，例如是帶有網址連結的文字、圖片、按鈕等資訊，當此第一物件234被點選後，將可經由網路連結至指定之網址。

舉例而言，當連結介面122為一購物網站之軟體應用程式的情形下，第一物件232可以是顯示商品的純圖片，第一物件234可以是購買按鈕及/或選單。在第一編排版面S1之排版下，第一物件232係顯示於連結介面122之右側，第一物件234係顯示於連結介面122之左側，以便於使用者以左手單手操作。

如第5C圖所示，當手持式電子裝置120向右旋轉時，表示使用者目前以右手單手操作，螢幕123顯示出以第二編排版面S2所呈現的連結介面122。第二編排版面S2包含複數個第二物件332及334。在一實施例中，第二物件332可以是純文字、純圖片、純影音等不帶有網址連結的任何資訊，及/或不可供使用者點選操作的資訊。第二物件334可以是帶有網址連結的任何資訊，及/或可供使用者點選操作的選單。若第二物件334為帶有網址連結的資訊，例如是帶有網址連結的文字、圖片、按鈕等資訊，當此第二物件334被點選後，將可經由網路連結至指定之網址。

舉例而言，當連結介面122為一購物網站之軟體應用程式的情形下，第二物件332可以是顯示商品的純圖片，第二物件334可以是購買按鈕及/或選單。在第二編排版面S2之排版下，第二物件332係顯示於連結介面122之左側，第二物件334係顯示於連結介面122之右側，以便於使用者以右手單手操作。

上述各實施例之頁面排版方法以及頁面排版系統，可依據手持式電子裝置的姿態，判斷使用者目前是以單手或雙手操作手持式電子裝置，進而改變連結介面的編排版面，以便於使用者單手操作。在一實施例中，更於連結介面中顯示提醒訊息，以藉由使用者透過點擊進行確認提醒訊息的動作，來判斷使用者是否以單手來操作手持式電子裝置，以及是以左手或右手操作手持式電子裝置，進而判斷是否有變更連結介面之編排版面的需求。

綜上所述，雖然本發明已以實施例揭露如上，然其並非用以限定本發明。本發明所屬技術領域中具有通常知識者，在不脫離本發明之精神和範圍內，當可作各種之更動與潤飾。因此，本發明之保護範圍當視後附之申請專利範圍所界定者為準。

100‧‧‧頁面排版系統

110‧‧‧伺服主機

111‧‧‧偵測單元

112‧‧‧排版單元

113‧‧‧儲存單元

114‧‧‧頁面輸出單元

120‧‧‧手持式電子裝置

121‧‧‧姿態感測單元

122‧‧‧連結介面

123‧‧‧螢幕

132、134‧‧‧原始物件

232、234‧‧‧第一物件

332、334‧‧‧第二物件

S210、S220、S222、S224、S230、S240、S250、S260、S270、S280、S310、S320、S330、S340、S350、S360、S370、S380、S390‧‧‧步驟

R‧‧‧旋轉角度

S0‧‧‧原始編排版面

S1‧‧‧第一編排版面

S2‧‧‧第二編排版面

第1圖繪示根據本發明一實施例之頁面排版系統。 第2圖繪示根據本發明一實施例之頁面排版方法的流程圖。 第3圖繪示根據本發明一實施例之頁面排版方法的流程圖。 第4圖繪示根據本發明一實施例之手持式電子裝置的示意圖。 第5A圖繪示根據本發明一實施例之手持式電子裝置的連結介面以原始編排版面顯示的示意圖。 第5B圖繪示根據本發明一實施例之手持式電子裝置的連結介面以第一編排版面顯示的示意圖。 第5C圖繪示根據本發明一實施例之手持式電子裝置的連結介面以第二編排版面顯示的示意圖。

Claims (10)

1. 一種顯示於一手持式電子裝置之一連結介面之頁面排版方法，包括： 取得該手持式電子裝置之一姿態； 選擇相應於該姿態之一編排版面；以及 輸出該編排版面至該連結介面。
2. 如申請專利範圍第1項所述之頁面排版方法，更包括： 發出一提醒訊息至該連結介面；以及 判斷該提醒訊息是否被接受； 當該提醒訊息被接受時，偵測該手持式電子裝置當下之一狀態變化，以取得該手持式電子裝置之該姿態。
3. 如申請專利範圍第1項所述之頁面排版方法，其中該手持式電子裝置包括一螢幕，該螢幕具有一長軸及一短軸，該姿態為該手持式電子裝置沿該長軸之一旋轉角度。
4. 如申請專利範圍第3項所述之頁面排版方法，其中選擇相應於該姿態之該編排版面之步驟包括： 根據該旋轉角度，判斷該手持式電子裝置是否旋轉； 當該手持式電子裝置判斷為向左旋轉時，選擇一第一編排版面為該編排版面，其中該第一編排版面包含複數個第一物件，該些第一物件中連結有網址及/或包含選單的至少一第一物件係顯示於該連結介面之左側。
5. 如申請專利範圍第4項所述之頁面排版方法，其中當該手持式電子裝置判斷為向右旋轉時，選擇一第二編排版面為該編排版面，其中該第二編排版面包含複數個第二物件，該些第二物件中連結有網址及/或包含選單的至少一第二物件係顯示於該連結介面之右側。
6. 一種頁面排版系統，包括： 一手持式電子裝置，包括一連結介面；以及 一伺服主機，包括： 一偵測單元，用以取得該手持式電子裝置之一姿態； 一排版單元，用以選擇相應於該姿態之一編排版面；以及 一頁面輸出單元，用以輸出該編排版面至該連結介面。
7. 如申請專利範圍第6項所述之頁面排版系統，其中該手持式電子裝置更包括一姿態感測單元，該偵測單元更用以發出一提醒訊息至該連結介面，及判斷該提醒訊息是否被接受； 當該偵測單元判斷該提醒訊息被接受時，該姿態感測單元偵測該手持式電子裝置當下之一狀態變化，以使該偵測單元取得該手持式電子裝置之該姿態。
8. 如申請專利範圍第6項所述之頁面排版系統，其中該手持式電子裝置更包括一螢幕，該螢幕具有一長軸及一短軸，該姿態為該手持式電子裝置沿該長軸之一旋轉角度。
9. 如申請專利範圍第8項所述之頁面排版系統，其中該偵測單元更用以根據該旋轉角度，判斷該手持式電子裝置是否旋轉；當該偵測單元判斷該手持式電子裝置為向左旋轉時，該排版單元選擇一第一編排版面為該編排版面，其中該第一編排版面包含複數個第一物件，該些第一物件中連結有網址及/或包含選單的至少一第一物件係顯示於該連結介面之左側。
10. 如申請專利範圍第9項所述之頁面排版系統，其中當該偵測單元判斷該手持式電子裝置為向右旋轉時，該排版單元選擇一第二編排版面為該編排版面，其中該第二編排版面包含複數個第二物件，該些第二物件中連結有網址及/或包含選單的至少一第二物件係顯示於該連結介面之右側。