201218066 六、發明說明： 【發明所屬之技術領域】 [0001] 本發明是有關於版面配置的領域，特別是關於根據顯示 内容的資料量，以調整對應之顯示區域及顯示内容的系 統及其方法。 【先前技術】 [0002] 目前，具有顯示螢幕之可攜式電子裝置非常流行，但其 顯示晝面上的各個顯示區域（並列或分列之顯示視窗）， 主要仍是根據顯示内容之預設配置加以顯示，並無根據 實際需求動態調整版面大小或字體大小等。特別是，對 於一些需要同時顯示複數資料内容的電子裝置（譬如電子 辭典）而言，其在顯示查詢結果時常常需要同時顯示多個 視窗，且常常需要切換。但現有技術卻沒有根據對應各 顯示區域解析度及顯示内容的資料量大小做調整。譬如 自動性地調整各顯示區域之邊界、縮放顯示内容之字體 或於增加捲軸/分頁等版面配置技術等。因此，舉例而言 ，習知技術的缺失可能導致顯示的文字/圖形過小，讓使 用者難以辨識或看得非常辛苦。舉例而言，另一方面也 可能在一版面中出現太多文字/圖形，讓使用者閱讀上非 常不便。 [0003] 因此，本發明提出一種自動化的版面配置系統及其方法 ，以提供清晰且一目了然的顯示晝面，特別適用於像是 電子辭典或智慧型行動電話等顯示畫面較小的可攜式電 子裝置。以利使用者可以快速閱讀，方便進行學習。 【發明内容】 099137382 表單編號A0101 第4頁/共33頁 0992065172-0 201218066 [0004] ί 有鑑於上述先前技術存在之問題’本發明之一目的在於 ’提供一種複數顯示區域版面配置系統及其方法，可提 供調整方案重新配置各顯示區域及其對應之顯示内容， 以解決顯示内容過多而無法於預設大小範圍内完整顯示 於對應之顯示區域的問題。 [0005] Ο ❹ 為達成本發明之目的，在本發明之一觀點中，提供一種 複數顯示區域版面配置系統，其包含一控制模組、一顯 示區域提供模組、一顯示内容提供模組、一檢查模組、 ~調整模組以及一配置模組。其中，顯示區域提供模組 係連接至控制模組，用以提供複數個顯示區域。顯示内 容提供模組則連接至控制模組，用以提供複教個顯示内 容’並使各個顯示内容分別顯示於各個顯示區域之—。 檢查模組係連接至控制模組，用以檢查各個顯示内容是 否可於預設大小範圍内完整顯示於各俩顧示區域。調整 模組則連接至控制模组，用以當該些顯示内容令至少一 者無法於預設大小範圍内完整顯示於對應之至少一顯示 區域，則以調整模組經由最佳化分析挺供一調整方案， 其中調整方案包含重新配置該些顯示區域之大小或形狀 、重新縮放該些顯示内容、以捲轴/分頁方式呈現該些顯 示内容或以上之組合之調整方式。而配置模組則連接至 控制模組，用以實施調整方案。 [0006] 在本發明另一觀點中，提供 裡双位學習系統，其係利 用如前述複數顯示區域版面配置系统所述之模 ，此數位學f系統更包含—學習内容提供模組、L輸入 模組以及-檢索模組。其中，學習内容提供模組係連接 099137382 表單編號A0101 第5頁/共33頁 0992065172-0 201218066 至控制模組，用以提供學習内容。輸入模組係連接至控 制模組，用以接收一輸入指令。而檢索模組則連接至控 制模組，用以根據輸入指令檢索學習内容，以產生學習 内容檢索結果，並提供學習内容檢索結果作為該些顯示 内容之全部或一部。 [0007] 在本發明再一觀點中，提供一種複數顯示區域版面配置 方法，其包含提供複數個顯示區域及複數個顯示内容， 各顯示内容係分別顯示於各顯示區域之一。接著，檢查 各顯示内容是否可於預設大小範圍内完整顯示於各顯示 區域。當該些顯示内容中至少一者無法於預設大小範圍 内完整顯示於對應之至少一顯示區域，則利用一處理器 命令一調整模組經由最佳化分析提供一調整方案，其中 調整方案包含重新配置顯示區域之大小或形狀、重新縮 放顯示内容、以捲軸/分頁方式呈現顯示内容或以上之組 合之調整方式，並實施調整方案。 [0008] 在本發明另一觀點中，提供一種數位學習方法，其係利 用如前述複數顯示區域版面配置方法所述之步驟，此數 位學習方法更包含提供學習内容；接收一輸入指令；根 據輸入指令檢索學習内容，以產生學習内容檢索結果， 並提供學習内容檢索結果作為該些顯示内容之全部或一 部。 [0009] 在本發明又一觀點中，提供一種電腦可讀取儲存媒體， 其包含程式碼，當一處理器載入該程式碼並執行後，可 完成如前述複數顯示區域版面配置方法所述之步驟。 099137382 表單編號A0101 第6頁/共33頁 0992065172-0 201218066 [0010] 在本發明再一觀點中，提供一種電腦程式產品，其包含 程式碼，當一處理器載入該程式碼並執行後，可完成如 前述複數顯示區域版面配置方法所述之步驟。 [0011] 本發明之一優點在於，藉由檢查模組檢查是否有顯示内 容無法於預設大小範圍内完整顯示於顯示區域後，以及 以調整模組進一步提供一調整方案’以讓配置模組得以 實施該調整方案，藉此提供使用者可以清晰且一目了然 的瀏覽顯示内容。 ❹ [0012] 〇 【實施方式】 請參閱第一圖’其係為本發明之複數顯示區域版面配置 系統之方塊圖。如圖所示，本發明之複數顯示區域版面 配置系統1 ’其包含一顯示區域提供模组1 v 一顯示内容 提供模組11、一檢查模組12、一調整模組13、一控制模 組14、一配置模組15以及一權重設定模組16。控制模組 14係連接顯示區域提供模組10、顯示内容提供模組11、 檢查模組丨2、調整模组13 v配置模組15以及權重設定模 組16。其中，顯示區域提供糢组1〇、顯示内容提供模組 11、檢查模組12、調整模組13、配置模組15以及權重設 定模組16係可為個別獨立的運算晶片，也可以是整合成 同一個運算晶片；控制模組14則可為獨立的中央處理器 或微處理器’但不限於此。 [0013] 控制模組14係控制顯示區域提供模組丨供複數個顯示 區域100，並控制顯示内容提供模組u提供複數個顯示内 容110 ’並使各顯示内容11G分別顯示於各顯示區域1〇〇 之一，亦即每一顯示區域1〇〇係分別對應顯示一顯示内容 099137382 表單編號A0101 第7頁/共33頁 0992065172-0 201218066 110。當顯不内容11 〇超過對應之顯示區域1〇〇的預役大 小範圍時’本發明不僅可以捲軸方式呈現顯示内容， 亦可提供其他方式呈現，將於後詳述。大奋， , 叩g，控制 模組14更利用檢查模組12檢查各顯示内容丨1〇是否η々整 顯示於對應之顯示區域100的預設大小範圍 "凡 顯示内容110中至少一者益法—敕海。當複數個 示區域⑽的預設大小範圍内時，控制模組14則控制調整 模組13經由最佳化分析提供_調整方案丨。 ° 整方案130包含但不限於重新配置複數個顯示區域⑽乂的 之大小或形狀（如：調整顯示區域1〇〇 _ 、 ,β )、重新縮放 複數個顯示内容11〇(如：調整字型及其大小戈 多媒體資料等）、以捲軸/分頁/按鈕/彈出框L現上述顯 示内容110或以上之組合之調整方式。值得— 錢的是，控 制模組14更控制權重設定模組16設定該調整方案 調整方式之優先順序，使調整模組13可根據各調整方弋 之優先順序提供調整方案130 V奮調整模巍13提供|^方 案130後，控制模組14即控制配置模組15實施該調整方案 130，藉此調整各顯示區域100及其對應之顯示内容11〇 ，進而達到自動化調整版面的目的。 [0014] 請參閱第二圖，其係為本發明之數位學習系統之方塊圖 。如圖所示’本發明之數位學習系統2除利用上述之複數 顯示區域版面配置系統1所述之模組或元件外，更包含一 顯示模組17、一儲存模組18、一輪入模組19、一學習内 容提供模組2 0以及一檢索模組21。輸入模組1 9則可為各 式輸入裝置譬如滑鼠、鍵盤及觸控板等；顯示模組17可 099137382 表單編號Α0101 第8頁/共33頁 0992065172-0 201218066 [0015] Ο 為各式顯示裝置譬如液晶螢幕、投影機、有機發光二極 體顯示器或電子紙等；至於儲存模組18則可為各式儲存 媒體譬如内嵌式記憶體、外接式記憶卡（體）、磁碟片 或光碟片等。 儲存模組18係用以儲存學習内容180。當輸入模組19接收 使用者3輸入一輸入指令30後’控制模組14即控制學習内 谷提供模組20提供該學習内容180，並控制檢索模組21根 據該輸入指令30搜尋學習内容180，以讀取對應該輸入指 令30之學習内容18〇，檢拿模組21係提供該學習内容18〇 作為複數個顯示内容11〇之全掩或*-部。接下來，控制模 組14即利用複數顯示區域版面配查系統丨調整版面配置， 並控制顯示模組17顯示該些顯示區域! 00及其對應之顯示 内容110 〇 [0016] ❹ 在一些實施例中，數位學習系統2更包含一指標提供模組 22及一指標内容提供模組23，指標提供模組22及指標内 容提供模組23係可為個別獨立的運算晶片，也可以是整 合成同一個運算晶片。指標提供模組22係連接至控制模 組14，用以提供至少一指標，並使各指標顯示於顯示畫 面。指標内容提供模組23係連接至控制模組14，用以提 供複數個指標内容，並使各指標内容分別對應各指標之 一"當輸入模組19接受使用者對指標的操作而對應產生 一觸發訊號190後，控制模組14即根據觸發訊號190控制 指標内容提供模組23提供對應該指標的指標内容。其中 指標内容230亦為學習内容180之全部或一部。 [0017] 請一併參閱第一至第三圖，第三圖為本發明之數位學習 099137382 表單編號A0101 第9頁/共33頁 0992065172-0 201218066 系統之第一實施例示意圖。如圖所示，本實施例係舉電 子辭典為例說明本發明之概念，但並不以此為限，凡是 任何可呈現複數個顯示區域及其對應之顯示内容的電子 裝置，皆可適用於本發明。 [0018] [0019] 當使用者欲透過電子辭典查詢單字的相關内容時，可透 過輸入模組19輸入一待檢索單字，控制模組14即可控制 檢索模組21利用譬如關鍵字順序查找、二分查找或雜凑 (Hash)索引等方式搜尋學習内容，藉此獲取檢索的結 果’讀取相關之學習内容。其中，學習内容18〇可包含（ 但不限於）與單字/詞相關的音棟、詞性、解釋、同義/反 義字、多媒體資料、練習題及其:癖晰、片語或延伸的百 科知識等資料内容。 如第三圖所不，當輪入模組19接收使用者輸入待檢索單 子如「baseball」後，控制模組14即控制檢索模組查詢 學習内容’並提供對應待檢索爭字之學習内容以作為顯 不内容之全部或一部。圖中，顯示區域提供模組1〇係提 供2個顯示區域A、B於一顯示畫面上，各顯示區域皆有其 對應的預設大小範圍。顯示内容提供模組u係提供與單 字屬性或字義有關的顯示内容3顯示於顯示區域A，例如 .音標、詞性、解釋或多媒體資料，並提供與單字文法 及/或例句有關的顯示内容b顯示於顯示區域B。其中，在 提供遠些顯示内容對應顯示於顯示區域a、b前，控制模 組14係控制檢查模組12檢查各顯示内容&、b是否可於預 «又大小範圍内元整顯示於各顯示區域A、β。假若顯示區 域A、Β皆可完整顯示對應之顯示内容a、b，控制模組i 4 099137382 表單編號A0101 第1〇頁/共33頁 0992065172-0 201218066 即控制顯示模組1 7顯示顯示内容a、b。 [0020] 然而，當顯示内容a、b的至少其中之一無法於預設大小 範圍内完整顯示於對應之至少一顯示區域A、B時，控制 模組14則控制調整模組13重新配置顯示區域A、B、重新 縮放顯示内容a、b、以捲軸/分頁/按鈕/彈出框方式呈現 顯示内容a、b或以上之組合之調整方式。假若以顯示内 容a超出顯示區域A的預設大小範圍為例說明本發明之概 念，控制模組14係控制調整模組13找出顯示範圍超出對 應顯示區域A之顯示内容A，並找出一超出區域，亦找出 〇 顯示範圍未填滿對應顯示區域B之顯示内容B，並找出一 剩餘區域，再根據該超出區域及該剩餘區域放大顯示區 域A並縮小顯示區域B，於實務上可調整顯示區域A、B邊 界的相對關係。 [0021] 另外，調整模組13也可縮小顯示内容a，例如縮小顯示内 容a的字型大小、改變字型、縮小多媒體資料的尺寸大小 或以上之組合之調整方式。值得注意的是，在較佳實施 〇 例中，調整模組13會限制上述之任一種調整方式不可小 於一門檻值，例如：字型大小不可小於7、多媒體資料的 尺寸大小不可小於30*30 pixel等，可供不同使用者加 以特定之。 [0022] 此外，無論調整模組13選擇哪一種調整方式，皆可根據 權重設定模組16針對各調整方式所設定的優先順序，並 根據最佳化分析提供該調整方案。其中，最佳化分析可 為，舉例來說：方案1為調整顯示區域A、B且不用改變字 型大小即可完整顯示顯示内容a、b;方案2為調整顯示内 099137382 表單編號A0101 第11頁/共33頁 0992065172-0 201218066 容a的字型大小至8才可完整顯示顯示内容a、b，調整模 組13則會選擇方案1。又或當調整模組13判斷該超出區域 遠小於該剩餘區域時，亦可能選擇僅調整顯示區域A、B ，而非縮小顯示内容，其理由為縮小顯示内容對於使用 者瀏覽顯示内容的舒適度影響較大，故在一些實施例中 ，係以調整顯示區域A、B為主，縮小顯示内容為輔，而 以捲軸/分頁/按鈕/彈出框方式呈現顯示内容之調整方式 則涉及需使用者再透過輸入模組去滑動捲轴、點選分頁 、按壓按鈕或多一層彈出框可能會遮住底層的顯示内容 ，故在一些實施例中，可能會將以捲軸/分頁/按鈕/彈出 框方式（使内容以分層、部分隱藏或以其他方式顯示）呈 現顯示内容之調整方式列為最後的調整方式，但本發明 並不限制上述各種調整方式之優先順序，端看使用者之 設定。此外，在改變顯示視窗形狀及/或大小時，亦可選 擇性切換文字及/或圖形的配置，譬如文字斷行、文繞圖 方式、文字/圖形位置分配等，以配合視窗形狀及/或大 小的改變。 [0023] 在本發明之一些實施例中，上述最佳化分析可依特定需 求加以設定。舉例而言，對年長者或其他視力相對不佳 者而言，可以設定將字體/圖形大小列為優先考量，盡量 將字體/圖形往較大尺寸設定。舉例而言，對視力相對較 佳，或對内容完整性需求較高者，可以設定將完整性列 為第一考量，可以將字體/圖形大小往較小尺寸設定，以 依據使用者的習慣，讓晝面盡可能不產生捲軸/分頁。舉 例而言，在不衝突的情況下，最佳化分析亦可同時考量 099137382 表單編號A0101 第12頁/共33頁 0992065172-0 201218066 θ [0024] G [0025] 099137382 多項條件，以給出一權衡後之方案。若使用者設定的條 件為衝突，則最佳化分析可產生訊息告知其有誤，及/或 可提供一預設通用方案。一般而言，常見方案可為譬如 讓字體/圖形尺寸較大、讓畫面變動較小或使可同時呈現 最多内容等，但並不限於此。此外，舉例而言，當顯示 内容超過預設視窗尺寸時，可設定優先順序：（1)先改變 内容大小、再改變視窗邊界、再增加捲轴或分頁；（2)先 改變視窗邊界、再改變内容大小、再增加捲軸或分頁； (3)先增加捲轴或分頁、再改變内容大小、再改變式窗邊 界；（4)先增加捲軸或分頁、再改變视窗邊界、再改變内 ::: ：：： ,： ；：: ：； ： Λ 容大小等，或其他方式。其他條件亦可α類似方式增減 之並加以設定。 權重設定模組1 6則可供同時接收複數條件，按優先順序 或所佔比例等加以協調’並給出解決方寒。可依對各條 件的重視程度加以配分，譬如文字大小佔Ρ%、完整性佔 30%、其他條件共佔20%等？然而，需;^意者，上述條件 亦可預設於系統中’；故權重設定模組16並非必要元件， 其係可選擇性加以實施’讓使用上更為方便。 承上所述’當調整模組13提供該調整方案後，控制模組 14即控制配置模組15實施該調整方案，亦即根據該調整 方案重新配置該些顯示區域之大小或形狀、重新縮放該 些顯示内容、以捲轴/分頁方式呈現該些顯示内容或以上 之組合之調整方式。 請參間第四圖，係為本發明之數位學習系統之第二實施 例示意圖。圖令，其架構大致與第一實施例雷同，兩者 表單編號Α0101 第13頁/共33頁 0992065172-0 [0026] 201218066 之差共在於，顯示區域提供模組1〇係提供3個顯示區域A 、B、C於一顯示畫面上，各顯示區域皆有其對應的預設 大小範圍。顯示内容提供模組丨丨更提供與單字例句有關 的顯示内容C顯示於顯示區域C。在本實施例中，係以顯 示内容b、c皆超出顯示區域B ' c的預設大小範圍為例說 明本發明之概念，但並不以此為限。調整模組丨3係根據 權重設定模組所設定該調整方案中各該調整方式之優先 順序以及經由最佳化分析提供該調整方案。在本實施例 中’係先調整顯示區域之大小或形狀，再縮放顯示内容 ，最後再以捲軸/分頁方式呈現顯示内容。 [0027] [0028] 099137382 如圖所示’當調整模組1 3分別找出顯示範圍超出對應顯 示區域B、C之顯示内容b、c，並找出兩個超出區域，亦 找出顯示範圍未填滿對應顯示區域A之顯示内容A，並找 出一剩餘區域，再根據該些超出區域及該剩餘區域放大 顯示區域B、C並縮小顯示區域A，亦即調整顯示區域A、B 、（:邊界的相對關係。接下來，配置模組15實施該調整方 案。然後檢查模組12再檢查重新配置後的各顯示内容a、 b、c是否可於預設大小範圍内完整顯示於各顯示區域a、 B、C ° 但若至少一顯示内容a、b、c無法於預設大小範圍内完整 顯示於對應之至少一顯示區域A、B、C，調整模組13則經 由最佳化分析再次提供一調整方案’例如：縮小顯示内 容c的字型，直到滿足最佳化分析的條件為止。 請一併參閱第二、第五A至五E圖’第五A至五E圖係為本 發明之數位學習系統之第三實施例示意圖。圖中，其架 表單編號A0101 第14頁/共33頁 0992065172-0 [0029] 201218066 構大致’、第—實施例雷同，兩者之差異在於，數位學習 系統2更包含指標提供模組22及指標 内容提供模組23。如 第五Α圖所不’指標提供模組以用以提供至少―指標並 使各心標顯不於顯示畫面，指標可以用圖標或文字的方 、於顯示畫面上。在本實施例中，指標係以圖標5工 、52、53、54的方式來呈現。 [0030] Ο [0031] Ο 如第五B圖所不’當輸入模組19接受使用者對圖標51的操 作（例如（但並不限於）點選或觸碰）後，輸入模組19即對 應產生—觸發訊號190。然後，控制模組14則根據此觸發 訊號1 9 0控制指標内容提供模組2 3提供對應 圖標51的指標 内#510 ’例如影音檔，藉由生動活潑的教材提升使用者 的學習效果。 如第五C圖所示’當輸入模組19接受使用者對圖標52的操 作（例如·點選或觸碰）後，輸入模組19即對應產生一觸 發Λ號190 °然後’控制模組14則根據此觸發訊號190控 3 - =.；![； IP ; 制才曰標内容提供模組23提供對應圖標52的指標内容520 ’ 例如助記資料’可純單字字根以幫助使用者記憶或連 結此單字。 [0032] 如第五D圖所示’當輸入模組19接受使用者對圖標53的操 作（例如：點選或觸碰）後，輸入模組19即對應產生一觸 發说號190。然後，控制模組14則根據此觸發訊號190控 制指標内容提供模組23提供對應圖標53的指標内容530 ’ 例如百科資料’藉由單字延伸的相關知識來擴充使用者 的學習廣度及深度。 099137382 表單編號A0101 第15頁/共33頁 0992065172-0 201218066 [0033] 如第五E圖所示，當輸入模組19接受使用者對圖標54的操 作（例如：點選或觸碰）後，輸入模組19即對應產生一觸 發訊號190。然後，控制模組14則根據此觸發訊號190控 制指標内容提供模組23提供對應圖標54的指標内容540， 例如練習題及解析資料，提供與單字相關的練習題供使 用者練習，並提供對應練習題之解析，幫助使用者可以 更清楚掌握題目的精義。 [0034] 雖然上述僅以4個圖標說明本發明之各指標與資料的對應 關係，不過熟悉熟悉此項技藝者，當可任意調整或增加 指標對應資料的數量與順序，端看設計上的方便而定。 請參閱第六圖，係為本發明之複數顯示區域版面配置方 法之流程示意圖。如圖六所示，本發明之視頻處理方法 可包含下述步驟： [0035] (S10)提供複數個顯示區域； [0036] (S11)提供複數個顯示内容，各顯示内容分別顯示於各 顯示區域之一； [0037] (S12)檢查各顯示内容是否可於預設大小範圍内完整顯 示於各顯示區域，當該些顯示内容中至少一者無法於預 設大小範圍内完整顯示於對應之至少一顯示區域，則進 行步驟（S13)，否則重複步驟（S12); [0038] (S13)利用一處理器命令一調整模組經由最佳化分析提 供一調整方案，其中調整方案包含重新配置顯示區域之 大小或形狀、重新縮放顯示内容、以捲軸/分頁方式呈現 顯示内容或以上之組合之調整方式；及 099137382 表單編號 A0101 第 16 頁/共 33 頁 0992065172-0 201218066 [0039] (S14)實施調整方案。 [0040] 其中，此複數顯示區域版面配置方法更包含設定調整方 案中各調整方式之優先順序之步驟，此步驟可於步驟 (S13)中進行或於步驟（S13)前進行，但本發明並不限制 其先後順序。 [0041] 此外，此複數顯示區域版面配置方法更包含根據該些顯 示内容之更新，再次執行複數顯示區域版面配置方法之 步驟。 〇 [〇〇42] 請參閱第七圖，係為本發明之複數顯示區域版面配置方 法之另一流程圖。如七圖所示，本發明之複數顯示區域 版面配置方法更可包含下列步驟： [0043] (S20)找出顯示範圍超出對應顯示區域A之顯示内容A， 並找出一超出區域； [0044] (S21 )找出顯示範圍未填滿對應顯示區域B之顯示内容B ，並找出一剩餘區域；及 [0045] (S22)根據超出區域及剩餘區域，放大顯示區域A並縮 小顯示區域B找出一剩餘區域。 [0046] 請參閱第八圖，係為本發明之數位學習方法之流程圖。 此數位學習方法係利用如上述複數顯示區域版面配置方 法所述之步驟，數位學習方法更可包含下列步驟： [0047] (S30)提供學習内容； [0048] (S31 )接收一輸入指令；及 099137382 表單編號A0101 第17頁/共33頁 0992065172-0 201218066 [0049] [0050] [0051] (S32)根據輪人指令檢索學習内容，以產生學 索結果，並提供學習內& 内公檢 仗供干1内谷檢索結果作為顯示内容之 或一部。 4 請參閱第九圖’係為本發明 圖 之數位學習方法之另一流程 (S4〇)輸人模組接受使用者對圖標的操作對 發訊號，當使用者選擇，，η教學，，，則進行生^觸 ㈣結束:當使时選擇” F2助記”，則進行步驟= )否則結束，當使用者選擇，，F3百科： ，則進行步 (S43)，否則結束；當使用者選擇，，卩*練習解 進行步驟（S44)，否則結束； ， 驟 則 [0052] [0053] [0054] [0055] [0056] (S41)提供真人講解之影音檔； (S42 )提供助記資料； (S43)提供百科資料；及 (S44)提供練習題及解析資科。 上述為本發明之較佳實施例。除了較佳實施例之例 ’上述各模組係可利用軟體、硬體元件或以上之組合加 以實施，並可能搭配必要之韌體元件。舉例而言，:實 施本發明，係可利用（但不限於）如第十圖之袭置_ 如第十圖所示，裝置800可包含但不限於一處理器Μ?、' 記憶體804 -儲存媒體介面806以及儲存媒體8〇8等 ，並可經由匯流排或其他方式加以連接。儲存媒體 载有程式f處理細2料所料式錢命令實施 099137382 表單編號A0101 第]8頁/共33貢 0992065172-0 201218066 例中各模組加以執行各動作。其中，為加速處理速度， 王°卩或部分程式或指令可暫存於記憶體804。視實際需求 上述。卩分元件可能為一整合之元件，譬如以單晶片、 微處理器或其他方式加以實施。此外，裝置_可包含輸 裝置81〇 (4如鍵盤、滑鼠、觸控板、聲控裝置或手勢 偵測控制裝置等）及輸出裝置812 (譬如顯示器或音訊撥 放器等）。再者，裝置8〇〇可為一桌上型電腦、筆記型電 腦、平板電腦、註記型電腦、伺服器、工作站' 智慧型 手機、個人數位助理（PDA)或電腦辭典，或者是以上之 !口。本領域之通常知識考應可理解，當任一模組為利201218066 VI. Description of the Invention: [Technical Field] [0001] The present invention relates to the field of layout configuration, and more particularly to a system and method for adjusting a corresponding display area and display content according to the amount of data of the display content . [Prior Art] [0002] At present, a portable electronic device having a display screen is very popular, but each display area on the display surface (side-by-side or column-by-column display window) is mainly based on the preset of the display content. The configuration is displayed, and the layout size or font size is not dynamically adjusted according to actual needs. In particular, for some electronic devices (e.g., electronic dictionaries) that need to simultaneously display the contents of a plurality of materials, it is often necessary to simultaneously display a plurality of windows when displaying the results of the query, and often requires switching. However, the prior art does not adjust according to the resolution of each display area and the amount of data of the displayed content. For example, automatically adjust the boundaries of each display area, scale the font of the display content, or increase the layout configuration techniques such as scrolling/pagination. Thus, for example, the absence of conventional techniques may result in the text/graphics being displayed being too small to be difficult for the user to recognize or to see very hard. For example, on the other hand, there may be too many words/graphics in a layout, which is very inconvenient for the user to read. [0003] Accordingly, the present invention provides an automated layout system and method thereof for providing a clear and at-a-glance display surface, particularly suitable for portable electronic displays such as electronic dictionaries or smart mobile phones. Device. Eli users can read quickly and facilitate learning. SUMMARY OF THE INVENTION 099137382 Form No. A0101 Page 4 / Total 33 Page 0992065172-0 201218066 [0004] In view of the above problems of the prior art, one of the objects of the present invention is to provide a complex display area layout system and method thereof The adjustment scheme can be provided to reconfigure each display area and its corresponding display content to solve the problem that the display content is too much to be completely displayed in the corresponding display area within the preset size range. [0005] In order to achieve the object of the present invention, in one aspect of the present invention, a system for configuring a plurality of display area layouts includes a control module, a display area providing module, and a display content providing module. An inspection module, an adjustment module, and a configuration module. The display area providing module is connected to the control module to provide a plurality of display areas. The display content providing module is connected to the control module for providing a resurrection display content ’ and displaying each display content in each display area. The inspection module is connected to the control module to check whether each display content can be completely displayed in each of the two viewing areas within a preset size range. The adjustment module is connected to the control module, and when the display content is such that at least one of the display contents cannot be completely displayed in the corresponding at least one display area within the preset size range, the adjustment module is provided through the optimization analysis. An adjustment scheme, wherein the adjustment scheme includes an adjustment manner of reconfiguring the size or shape of the display areas, rescaling the display contents, presenting the display contents in a reel/page manner, or a combination thereof. The configuration module is connected to the control module to implement the adjustment scheme. [0006] In another aspect of the present invention, there is provided a dual-bit learning system that utilizes a model as described above for a plurality of display area layout systems, the digital learning system further comprising a learning content providing module, an L input Module and - search module. Among them, the learning content providing module is connected 099137382 Form No. A0101 Page 5 of 33 0992065172-0 201218066 To the control module to provide learning content. The input module is coupled to the control module for receiving an input command. The retrieval module is connected to the control module for retrieving the learning content according to the input instruction to generate the learning content retrieval result, and providing the learning content retrieval result as all or part of the display content. In still another aspect of the present invention, a method for configuring a plurality of display area layouts includes providing a plurality of display areas and a plurality of display contents, each of which is displayed on one of the display areas. Next, it is checked whether each display content can be completely displayed in each display area within a preset size range. When at least one of the display contents cannot be completely displayed in the corresponding at least one display area within a preset size range, using an processor command, an adjustment module provides an adjustment scheme through optimization analysis, wherein the adjustment scheme includes Reconfigure the size or shape of the display area, rescale the display content, present the display content in reel/pagination, or a combination of the above, and implement an adjustment plan. [0008] In another aspect of the present invention, a digital learning method is provided, which utilizes the steps described in the foregoing plural display area layout configuration method, the digital learning method further comprising providing learning content; receiving an input instruction; The instruction retrieves the learning content to generate a learning content retrieval result, and provides the learning content retrieval result as all or part of the display content. [0009] In another aspect of the present invention, a computer readable storage medium is provided, which includes a code, and when a processor loads the code and executes, the method can be completed as described in the foregoing multiple display area layout configuration method. The steps. 099137382 Form No. A0101 Page 6 of 33 0992065172-0 201218066 [0010] In still another aspect of the present invention, a computer program product is provided, which includes a code code, when a processor loads the code and executes The steps described in the above-described plural display area layout configuration method can be completed. [0011] One of the advantages of the present invention is that the inspection module checks whether the display content cannot be completely displayed in the display area within a preset size range, and further provides an adjustment scheme by the adjustment module to enable the configuration module. The adjustment scheme can be implemented to provide a user with a clear and at-a-glance view of the display content. [Embodiment] Please refer to the first figure, which is a block diagram of a complex display area layout system of the present invention. As shown in the figure, the plurality of display area layout system 1 of the present invention includes a display area providing module 1 v, a display content providing module 11, an inspection module 12, an adjustment module 13, and a control module. 14. A configuration module 15 and a weight setting module 16. The control module 14 is connected to the display area providing module 10, the display content providing module 11, the checking module 丨2, the adjusting module 13v arranging module 15, and the weight setting module 16. The display area providing module 1 , the display content providing module 11 , the checking module 12 , the adjusting module 13 , the configuration module 15 , and the weight setting module 16 can be individual independent computing chips or integrated. The same operational chip; the control module 14 can be a separate central processing unit or microprocessor 'but is not limited thereto. [0013] The control module 14 controls the display area providing module to provide a plurality of display areas 100, and controls the display content providing module u to provide a plurality of display contents 110' and displays each display content 11G in each display area 1 One of the ,, that is, each display area 1 对应 corresponds to display a display content 099137382 Form No. A0101 Page 7 / Total 33 Page 0992065172-0 201218066 110. When the content 11 is displayed beyond the pre-emptive size range of the corresponding display area 1 ’, the present invention can not only display the display content in a reel manner, but also provide other manners, which will be described in detail later. The control module 14 further checks whether each display content 々1〇 is displayed in the preset size range of the corresponding display area 100 by using the inspection module 12, and at least one of the display contents 110 is displayed. Yifa - Bohai. When the plurality of display areas (10) are within the preset size range, the control module 14 controls the adjustment module 13 to provide an adjustment plan via the optimization analysis. The entire scheme 130 includes, but is not limited to, reconfiguring the size or shape of the plurality of display areas (10) (eg, adjusting the display area 1 〇〇 _ , , β ), and re-scaling the plurality of display contents 11 (eg, adjusting the font type) And the size of the multimedia content, etc.), in the reel / page / button / pop-up box L is now the display content 110 or a combination of the above adjustment. It is worthwhile - the control module 14 further controls the weight setting module 16 to set the priority of the adjustment scheme adjustment mode, so that the adjustment module 13 can provide the adjustment scheme according to the priority order of each adjustment method. After the solution 130 is provided, the control module 14 controls the configuration module 15 to implement the adjustment scheme 130, thereby adjusting each display area 100 and its corresponding display content 11〇, thereby achieving the purpose of automatically adjusting the layout. [0014] Please refer to the second figure, which is a block diagram of the digital learning system of the present invention. As shown in the figure, the digital learning system 2 of the present invention includes a display module 17, a storage module 18, and a wheel-in module in addition to the modules or components described in the above-mentioned plurality of display area layout systems 1. 19. A learning content providing module 20 and a search module 21. The input module 1 9 can be used for various input devices such as a mouse, a keyboard and a touchpad; the display module 17 can be 099137382. Form number Α 0101 Page 8 / Total 33 page 0992065172-0 201218066 [0015] Ο For various types The display device is, for example, a liquid crystal screen, a projector, an organic light emitting diode display, or an electronic paper; and the storage module 18 can be a variety of storage media, such as an embedded memory, an external memory card (body), a magnetic disk. Or a disc or the like. The storage module 18 is used to store the learning content 180. After the input module 19 receives the user 3 to input an input command 30, the control module 14 controls the learning valley providing module 20 to provide the learning content 180, and controls the search module 21 to search for the learning content 180 according to the input command 30. In order to read the learning content 18 corresponding to the input instruction 30, the capture module 21 provides the learning content 18 as a full mask or a portion of the plurality of display contents 11 . Next, the control module 14 adjusts the layout configuration by using the complex display area layout system, and controls the display module 17 to display the display areas! 00 and its corresponding display content 110 [0016] 一些 In some embodiments The digital learning system 2 further includes an indicator providing module 22 and an indicator content providing module 23. The index providing module 22 and the index content providing module 23 can be individual independent computing chips, or can be integrated into the same An arithmetic chip. The indicator providing module 22 is coupled to the control module 14 for providing at least one indicator and displaying each indicator on the display screen. The indicator content providing module 23 is connected to the control module 14 for providing a plurality of index contents, and each index content corresponds to one of the indicators respectively. When the input module 19 accepts the user's operation on the indicator, the corresponding output is generated. After the trigger signal 190, the control module 14 controls the indicator content providing module 23 to provide the index content corresponding to the indicator according to the trigger signal 190. The indicator content 230 is also all or part of the learning content 180. [0017] Please refer to the first to third figures together, and the third figure is the digital learning of the present invention. 099137382 Form No. A0101 Page 9 of 33 0992065172-0 201218066 Schematic diagram of the first embodiment of the system. As shown in the figure, the electronic dictionary is used as an example to illustrate the concept of the present invention, but it is not limited thereto. Any electronic device that can display a plurality of display areas and corresponding display contents can be applied to this invention. [0019] When the user wants to query the related content of the word through the electronic dictionary, the input module 19 can input a word to be searched, and the control module 14 can control the search module 21 to search by using, for example, a keyword sequence. The search content is searched by means of binary search or hash index, etc., thereby obtaining the result of the search 'read related learning content. Among them, the learning content 18〇 may include (but is not limited to) the sound dong, part of speech, explanation, synonym/antisense word, multimedia material, practice questions related to the word/word and its encyclopedic knowledge of ambiguity, phrase or extension. And other information content. As shown in the third figure, when the wheeling module 19 receives the user inputting the to-be-searched list such as "baseball", the control module 14 controls the retrieval module to query the learning content' and provides the learning content corresponding to the contention to be retrieved. As all or part of the content. In the figure, the display area providing module 1 provides two display areas A and B on a display screen, and each display area has its corresponding preset size range. The display content providing module u provides display content 3 related to the word attribute or meaning of the word to be displayed in the display area A, for example, phonetic, part of speech, interpretation or multimedia material, and provides display content b related to the single word grammar and/or example sentence. In the display area B. Before the remote display content is displayed corresponding to the display areas a and b, the control module 14 controls the inspection module 12 to check whether each display content & b can be displayed in the pre-« size range. The areas A and β are displayed. If the display area A and Β can display the corresponding display contents a and b, the control module i 4 099137382 Form No. A0101 Page 1 / Total 33 Page 0992065172-0 201218066 That is, the control display module 1 7 displays the display content a , b. [0020] However, when at least one of the display contents a, b cannot be completely displayed in the corresponding at least one display area A, B within the preset size range, the control module 14 controls the adjustment module 13 to reconfigure the display. The areas A, B, re-scale the display contents a, b, and present the adjustment of the combination of the display contents a, b or more in the form of a reel/page/button/popup. If the concept of the present invention is described by taking the display content a beyond the preset size range of the display area A as an example, the control module 14 controls the adjustment module 13 to find the display content A whose display range exceeds the corresponding display area A, and finds a Exceeding the area, it is also found that the display range of the corresponding display area B is not filled, and a remaining area is found, and then the display area A is enlarged according to the excess area and the remaining area, and the display area B is enlarged, in practice. The relative relationship between the boundaries of the display areas A and B can be adjusted. [0021] In addition, the adjustment module 13 can also reduce the display content a, for example, to reduce the font size of the display content a, change the font size, reduce the size of the multimedia material, or adjust the combination of the above. It should be noted that in the preferred embodiment, the adjustment module 13 limits any one of the above adjustment methods to a threshold value, for example, the font size cannot be less than 7, and the size of the multimedia data cannot be less than 30*30. Pixel, etc., can be specified by different users. [0022] In addition, regardless of which adjustment mode is selected by the adjustment module 13, the priority order set by the weight setting module 16 for each adjustment mode may be provided, and the adjustment scheme may be provided according to the optimization analysis. The optimization analysis can be, for example, the scheme 1 is to adjust the display areas A and B and the display content a and b can be completely displayed without changing the font size; the scheme 2 is the adjustment display 099137382 Form No. A0101 No. 11 Page / Total 33 pages 0992065172-0 201218066 The size of the font of a can be 8 to display the display contents a and b, and the adjustment module 13 will select the scheme 1. Or when the adjustment module 13 determines that the excess area is much smaller than the remaining area, it is also possible to select to adjust only the display areas A and B instead of reducing the display content, because the reduction of the display content is comfortable for the user to browse the displayed content. The effect is relatively large. Therefore, in some embodiments, the display areas A and B are mainly adjusted, and the display content is reduced. The adjustment method of displaying the display content in the form of a reel/page/button/pop-up box involves the user. Further sliding the reel through the input module, clicking the pagination, pressing the button or a layer of pop-up may obscure the underlying display, so in some embodiments, the reel/pagination/button/popup may be used. The manner in which the content is displayed in a layered, partially hidden, or otherwise displayed manner is listed as the final adjustment method. However, the present invention does not limit the priority of the above various adjustment methods, and looks at the user's settings. In addition, when changing the shape and/or size of the display window, it is also possible to selectively switch the configuration of the text and/or graphics, such as text break, text winding, text/graphic position assignment, etc., to match the window shape and/or The change in size. [0023] In some embodiments of the invention, the above-described optimization analysis can be set according to specific needs. For example, for seniors or other people with relatively poor eyesight, you can set the font/graphic size as a priority and try to set the font/graphic to a larger size. For example, if the visual acuity is relatively better, or the content integrity requirement is higher, the integrity can be set as the first consideration, and the font/graphic size can be set to a smaller size according to the user's habits. Let the face not produce reels/pages as much as possible. For example, in the case of no conflict, the optimization analysis can also consider 099137382 Form No. A0101 Page 12 / Total 33 Page 0992065172-0 201218066 θ [0024] G [0025] 099137382 Multiple conditions to give a The solution after weighing. If the conditions set by the user are conflicts, the optimization analysis may generate a message to inform them that it is incorrect, and/or may provide a predetermined general scheme. In general, a common solution may be, for example, a large font/graphic size, a small screen change, or the ability to simultaneously display the most content, but is not limited thereto. In addition, for example, when the display content exceeds the preset window size, the priority order can be set: (1) first change the content size, then change the window boundary, and then increase the scroll or page; (2) first change the window boundary, then Change the size of the content, increase the reel or page; (3) first increase the reel or page, then change the size of the content, and then change the boundary of the window; (4) first increase the reel or page, then change the window boundary, then change the inside: : ::: , : ;:: :; : Λ size, etc., or other means. Other conditions may be added or subtracted in a similar manner and set. The weight setting module 16 can be used to simultaneously receive plural conditions, coordinate according to priority order or proportion, and give a solution. It can be divided according to the degree of emphasis on each condition, such as the size of the text, 30% of the integrity, 20% of the other conditions, etc.? However, if necessary, the above conditions can also be preset in the system; therefore, the weight setting module 16 is not an essential component, and it can be selectively implemented' to make it more convenient to use. After the adjustment module 13 provides the adjustment scheme, the control module 14 controls the configuration module 15 to implement the adjustment scheme, that is, reconfigures the size or shape of the display regions according to the adjustment scheme, and rescales The display content, the scrolling/pagination manner, the adjustment of the display content or a combination of the above. Please refer to the fourth figure, which is a schematic diagram of a second embodiment of the digital learning system of the present invention. The structure of the command is roughly the same as that of the first embodiment. The difference between the two form numbers Α0101, 13/33, 0992065172-0 [0026] 201218066 is that the display area provides module 1 and provides 3 display areas. A, B, and C are displayed on a display screen, and each display area has its corresponding preset size range. The display content providing module further provides display content C relating to the single sentence example to be displayed in the display area C. In this embodiment, the concept of the present invention is described by taking the example that the display contents b and c are beyond the preset size range of the display area B'c, but is not limited thereto. The adjustment module 丨3 provides the adjustment scheme according to the priority order of each adjustment manner in the adjustment scheme set by the weight setting module and via optimization analysis. In this embodiment, the size or shape of the display area is first adjusted, the display content is scaled, and finally the display content is presented in a reel/page manner. [0028] 099137382 As shown in the figure 'When the adjustment module 13 respectively finds that the display range exceeds the display contents b, c of the corresponding display areas B, C, and finds two out of areas, also finds the display range The display content A corresponding to the display area A is not filled, and a remaining area is found, and then the display areas B and C are enlarged according to the excess area and the remaining area, and the display area A is reduced, that is, the display areas A and B are adjusted. (: the relative relationship of the boundaries. Next, the configuration module 15 implements the adjustment scheme. Then the inspection module 12 checks whether the redisplayed display contents a, b, c can be completely displayed in the preset size range. Display area a, B, C ° However, if at least one display content a, b, c cannot be completely displayed in the corresponding display area A, B, C within the preset size range, the adjustment module 13 is optimized. The analysis again provides an adjustment scheme 'for example: reducing the font of the display content c until the conditions for the optimization analysis are satisfied. Please refer to the second, fifth, fifth to fifth E diagrams, 'fifth A to fifth E' The first of the digital learning system of the present invention Schematic diagram of the three embodiments. In the figure, the frame form number A0101 page 14 / 33 pages 0992065172-0 [0029] 201218066 The general structure, the first embodiment is the same, the difference between the two is that the digital learning system 2 further includes indicators Providing a module 22 and an indicator content providing module 23. As shown in the fifth figure, the indicator providing module is configured to provide at least an indicator and make each heart mark displayable, and the indicator may use an icon or a text. In the present embodiment, the index is presented in the form of icons 5, 52, 53, 54. [0030] 003 [0031] Ο If the fifth panel does not, the input module 19 After receiving the operation of the icon 51 by the user (such as (but not limited to) clicking or touching), the input module 19 correspondingly generates a trigger signal 190. Then, the control module 14 generates a trigger signal according to the trigger signal. The control index content providing module 2 3 provides an index #510 ' corresponding to the icon 51, for example, a video file, and enhances the learning effect of the user by a lively textbook. As shown in FIG. 5C, when the input module 19 is accepted for use. The operation of the icon 52 (for example After the selection or touch, the input module 19 correspondingly generates a trigger 190 ° and then the control module 14 controls the 3 - =. The group 23 provides the indicator content 520 'for example, the mnemonic material' may be a pure word root to help the user memorize or link the word. [0032] As shown in FIG. 5D, when the input module 19 accepts the user After the operation of the icon 53 (for example, clicking or touching), the input module 19 correspondingly generates a trigger number 190. Then, the control module 14 controls the indicator content providing module 23 to provide a corresponding response according to the trigger signal 190. The indicator content 530 of the icon 53 'for example, the encyclopedia data' expands the learning breadth and depth of the user by the knowledge of the word extension. 099137382 Form No. A0101 Page 15 of 33 0992065172-0 201218066 [0033] As shown in FIG. 5E, when the input module 19 accepts the user's operation of the icon 54 (eg, click or touch), The input module 19 correspondingly generates a trigger signal 190. Then, the control module 14 controls the indicator content providing module 23 to provide the index content 540 of the corresponding icon 54 according to the trigger signal 190, such as the exercise question and the analytical data, and provides the practice related to the single word for the user to practice and provide corresponding The analysis of the exercises helps the user to understand the essence of the topic more clearly. [0034] Although only the four icons are used to describe the correspondence between the indicators and the materials of the present invention, those skilled in the art can adjust or increase the number and order of the corresponding materials of the indicators arbitrarily, and look at the design convenience. And set. Please refer to the sixth figure, which is a schematic flow chart of the method for configuring the layout of the complex display area of the present invention. As shown in FIG. 6, the video processing method of the present invention may include the following steps: [0035] (S10) providing a plurality of display areas; [0036] (S11) providing a plurality of display contents, each display content being displayed on each display One of the areas; [0037] (S12) checking whether each display content can be completely displayed in each display area within a preset size range, and at least one of the display contents cannot be completely displayed in the corresponding size range. At least one display area, proceeding to step (S13), otherwise repeating step (S12); [0038] (S13) utilizing a processor command, an adjustment module provides an adjustment scheme via optimization analysis, wherein the adjustment scheme includes reconfiguration The size or shape of the display area, rescaling the display content, presenting the display content in reel/pagination, or a combination of the above; and 099137382 Form No. A0101 Page 16 of 33 0992065172-0 201218066 [0039] (S14) Implement an adjustment plan. [0040] wherein the plurality of display area layout methods further includes the step of setting a priority order of each adjustment manner in the adjustment scheme, and the step may be performed in step (S13) or before step (S13), but the present invention is Do not limit its order. [0041] Furthermore, the plurality of display area layout methods further includes the step of executing the complex display area layout method again according to the update of the display contents. 〇 [〇〇42] Please refer to the seventh figure, which is another flow chart of the method for configuring the layout of the complex display area of the present invention. As shown in FIG. 7 , the complex display area layout method of the present invention may further include the following steps: [0043] (S20) finding the display content A whose display range exceeds the corresponding display area A, and finding an excess area; [0044] [S21] finding that the display range B is not filled with the display content B of the corresponding display area B, and finding a remaining area; and [0045] (S22) enlarging the display area A and reducing the display area B according to the excess area and the remaining area Find a remaining area. [0046] Please refer to the eighth figure, which is a flowchart of the digital learning method of the present invention. The digital learning method utilizes the steps described in the above-described plural display area layout configuration method, and the digital learning method may further include the following steps: [0047] (S30) providing learning content; [0048] (S31) receiving an input instruction; 099137382 Form No. A0101 Page 17 / Total 33 Page 0992065172-0 201218066 [0050] [001] (S32) Retrieving the learning content according to the wheeler instruction to generate the learning result, and providing the learning internal & internal inspection仗 仗 1 1 内 内 Search results or as part of the display content. 4 Please refer to the ninth figure 'is another process of the digital learning method of the present invention (S4〇). The input module accepts the user's operation on the icon, when the user selects, η teaches,,, Then the end of the bio-touch (four): when the time select "F2 mnemonic", then the step =) otherwise ends, when the user selects, F3 encyclopedia:, then step (S43), otherwise ends; when the user chooses , 卩 * practice solution step (S44), otherwise end;, step [0052] [0055] [0056] (S41) provide a live-action audio-visual file; (S42) provide mnemonic information (S43) provide encyclopedia information; and (S44) provide practice questions and analytical resources. The above is a preferred embodiment of the invention. In addition to the preferred embodiment, the above modules may be implemented using software, hardware components or a combination of the above, and may be associated with the necessary firmware components. For example, the implementation of the present invention may utilize, but is not limited to, the attack as shown in the tenth figure. As shown in the tenth figure, the apparatus 800 may include, but is not limited to, a processor, memory 804. The storage medium interface 806 and the storage medium 8〇8 and the like can be connected via a bus bar or other means. Storage Media Contains the program f to process the fine 2 material type of money command implementation 099137382 Form No. A0101 No. 8 page / Total 33 Gong 0992065172-0 201218066 In the example, each module performs each action. In order to speed up the processing, the program or instructions may be temporarily stored in the memory 804. Depending on actual needs, the above. The component can be an integrated component, such as a single chip, microprocessor or other means. In addition, the device_ can include an input device 81 (such as a keyboard, a mouse, a trackpad, a voice control device, or a gesture detection control device) and an output device 812 (such as a display or an audio player, etc.). Furthermore, the device 8 can be a desktop computer, a notebook computer, a tablet computer, an annotation computer, a server, a workstation, a smart phone, a personal digital assistant (PDA) or a computer dictionary, or the like! mouth. The general knowledge of the field should be understood, when any module is profitable
用軟體實施時’其係可載於储存媒體808 ’譬如CD、DVD 'MD、磁碟片、隨身碟及記憶卡等各式可承載能被上述 装置8_取程式码之儲存裝置。此外，為實施本發明， 餘存媒體808可選擇性載有作㈣統814或其他應用程式 818 等。 [0057]本發明之實施，如上所述，可應用為一複數顯示區域版 〇 面配置系統。此外，亦可藉由一儲存媒體加以實施。所 述儲存媒體載有程式碼，當—處理器讀取所述程式碼並 執行後’可完成如實施例所述之複數顯示區域版面配置 方法。另一方面，本發明亦可利用一電腦程式產品加以 實施。所述電腦程式產品載程式碼，當-處理器讀取所 述程式碼並執行後，可完成如實施例所述之方法 。選擇 性地’此電腦程式產品可能藉由網路或其他方式傳送。 需注意者’上述僅為本發明之較佳實施例，為避免費述 ’並未詳加記裁所有可能的變化組合，本領域之 099137382 表單編號Λ010Ι 第頁/共33耳 0992065172-0 [0058] 201218066 通常知識者應可理解，上述各模組或元件未必皆為必要 。且為實施本發明，亦可能包含其他較細節之習知模組 或元件。各模組或元件皆可能視需求加以省略或修改， 且任兩模組間未必不存在其他模組或元件。 [0059] 綜上所述，本發明之内儲程式且電腦可讀取之儲存媒體 、電腦程式產品、複數顯示區域版面配置系統及其方法 、數位學習系統及其方法，克服了先前技藝只能以捲軸 呈現超出顯示範圍的顯示内容，進而提出分析超出區域 與剩餘區域的大小以重新配置顯示區域之大小或形狀、 重新縮放顯示内容、以捲轴/分頁方式呈現顯示内容或以 上之組合之調整方式，提供使用者得以清楚且一目了然 地瀏覽顯示内容，提高了瀏覽的舒適度及使用的便利性 〇 [0060] 以上所述僅為例示而非列舉。其僅為說明而非用以限制 。任何未脫離本發明之精神與範疇，而對其進行之等效 修改或變更，均應包含於後附之申請專利範圍中。 【圖式簡單說明】 [0061] 第一圖為本發明之複數顯示區域版面配置系統之方塊圖 〇 第二圖為本發明之數位學習系統之方塊圖。 第三圖為本發明之數位學習系統之第一實施例示意圖。 第四圖為本發明之數位學習系統之第二實施例示意圖。 第五A~ iE圖為本發明之數位學習系統之第三實施例示意 圖。 第六圖為本發明之複數顯示區域版面配置方法之流程圖 099137382 表單編號A0101 第20頁/共33頁 0992065172-0 201218066 第七圖為本發明之複數顯示區域版面配置方法之另一流 程圖。 第八圖為本發明之數位學習方法之流程圖。 第九圖為本發明之數位學習方法之另一流程圖。 第十圖為實施本發明之示範性硬體環境示意圖。 【主要元件符號說明】 [0062] Ο I :複數顯示區域版面配置系統 10 :顯示區域提供模組 100 :顯示區域 II :顯示内容提供模組 110 :顯示内容 12 :檢查模組 13 :調整模組 130 :調整方案 14:控制模組 15 :配置模組 ο 16 :權重設定模組 17 :顯示模組 18 :儲存模組 180 :學習内容 1 9 :輸入模組 190 :觸發訊號 2:數位學習系統 20 :學習内容提供模組 21 :檢索模組 099137382 表單編號 Α0101 第 21 1/共 33 頁 0992065172-0 201218066 22 :指標提供模組 23 :指標内容提供模組 230 :指標内容 3 :使用者 30 :輸入指令 A、B、C :顯示區域 a、b、c :顯示内容 51、52、53、54 :圖標 510、520、530、540 :指標内容 800 :裝置 8 0 2 :處理器 804 :記憶體 806 :儲存媒體介面 808 :儲存媒體 810 :輸入裝置 812 :輸出裝置 814 :作業系統 818 :應用程式 S10〜S44 :步驟 099137382 表單編號A0101 第22頁/共33頁 0992065172-0When implemented by software, it can be carried on a storage medium 808, such as a CD, a DVD 'MD, a magnetic disk, a flash drive, and a memory card, and can carry a storage device that can be coded by the above device 8_. Moreover, to implement the present invention, the remaining media 808 can optionally be loaded with a system 814 or other application 818. [0057] The implementation of the present invention, as described above, can be applied as a complex display area layout configuration system. In addition, it can also be implemented by a storage medium. The storage medium carries a code, and when the processor reads the code and executes it, the complex display area layout method as described in the embodiment can be completed. Alternatively, the present invention can be implemented using a computer program product. The computer program product carries the code, and when the processor reads the code and executes it, the method as described in the embodiment can be completed. Selectively, this computer program product may be transmitted via the Internet or other means. It is to be noted that the above is only a preferred embodiment of the present invention, and that all possible combinations of changes are not explicitly recited in the art. 099137382 Form No. Λ 010 Ι page / Total 33 ears 0992065172-0 [0058] 201218066 It should be understood by those skilled in the art that the above modules or components are not necessarily necessary. In order to implement the invention, other well-known modules or elements of more detail may be included. Each module or component may be omitted or modified as needed, and no other modules or components may exist between any two modules. [0059] In summary, the storage program and computer readable storage medium, computer program product, complex display area layout system and method thereof, digital learning system and method thereof overcome the prior art Displaying the display content beyond the display range on the reel, and then making an adjustment to analyze the size of the excess area and the remaining area to reconfigure the size or shape of the display area, re-scale the display content, present the display content in reel/page mode, or a combination of the above In this way, the user is able to browse the display content clearly and at a glance, thereby improving the comfort of browsing and the convenience of use. [0060] The above description is merely illustrative and not enumerated. It is for illustrative purposes only and is not intended to be limiting. Any equivalent modifications or alterations to the spirit and scope of the invention are intended to be included in the scope of the appended claims. BRIEF DESCRIPTION OF THE DRAWINGS [0061] The first figure is a block diagram of a complex display area layout system of the present invention. The second figure is a block diagram of the digital learning system of the present invention. The third figure is a schematic diagram of a first embodiment of the digital learning system of the present invention. The fourth figure is a schematic diagram of a second embodiment of the digital learning system of the present invention. The fifth A to iE diagram is a schematic view of a third embodiment of the digital learning system of the present invention. The sixth figure is a flow chart of the method for configuring the layout of the complex display area of the present invention. 099137382 Form No. A0101 Page 20 of 33 0992065172-0 201218066 The seventh figure is another flow chart of the method for configuring the layout of the complex display area of the present invention. The eighth figure is a flow chart of the digital learning method of the present invention. The ninth figure is another flow chart of the digital learning method of the present invention. The eleventh diagram is a schematic illustration of an exemplary hardware environment in which the present invention is implemented. [Main component symbol description] [0062] Ο I : Complex display area layout configuration system 10 : Display area providing module 100 : Display area II : Display content providing module 110 : Display content 12 : Inspection module 13 : Adjustment module 130: Adjustment Scheme 14: Control Module 15: Configuration Module ο16: Weight Setting Module 17: Display Module 18: Storage Module 180: Learning Content 1 9: Input Module 190: Trigger Signal 2: Digital Learning System 20: Learning Content Providing Module 21: Searching Module 099137382 Form No. 1010101 21 1/ Total 33 Page 0992065172-0 201218066 22: Indicator Providing Module 23: Indicator Content Providing Module 230: Indicator Content 3: User 30: Input commands A, B, C: display areas a, b, c: display contents 51, 52, 53, 54: icons 510, 520, 530, 540: indicator content 800: device 8 0 2: processor 804: memory 806: storage medium interface 808: storage medium 810: input device 812: output device 814: operating system 818: application program S10~S44: step 099137382 form number A0101 page 22/total 33 page 0992065172-0