專利名稱:網(wǎng)頁操作及顯示的轉(zhuǎn)換系統(tǒng)及其方法
技術(shù)領(lǐng)域:
本發(fā)明涉及一種網(wǎng)頁的轉(zhuǎn)換系統(tǒng)及其方法,特別是指 一種網(wǎng)頁操作及顯 示的轉(zhuǎn)換之系統(tǒng)及其方法。
背景技術(shù):
隨著各種無線網(wǎng)絡(luò)技術(shù)的普及,使得隨身攜帶的手機、個人數(shù)字助理
(PDA)等可攜式數(shù)字裝置也可以方便的使用網(wǎng)絡(luò)。而目前個人計算機(PC) 和可攜式數(shù)字裝置除了處理速度與記憶空間仍有差距之外,最明顯的差異是 在于屏幕的分辨率的大小,也就是屏幕長寬的像素(pixel )數(shù)的多寡,所以, 在可攜式數(shù)字裝置上瀏覽給一般個人計算機所瀏覽的網(wǎng)頁時,所呈現(xiàn)出來的 畫面往往會存在明顯的差異性,最明顯的問題例如,無法在可攜式數(shù)字裝置 的200x200屏幕上完整的顯示出800x600的網(wǎng)頁.也因此,有越來越多的網(wǎng) 站除了提供一般個人計算機所瀏覽網(wǎng)頁之外,也針對可攜式數(shù)字裝置提供了 另 一個版本的網(wǎng)頁,通過以讓使用者更方便的使用可攜式數(shù)字裝置進行瀏 覽。
上述提供兩個版本的網(wǎng)頁分別提供不同平臺的數(shù)字裝置進行瀏覽雖然 解決了可攜式數(shù)字裝置屏幕過小無法顯示個人計算機所瀏覽的網(wǎng)頁的問題, 不過,上述的方式需要通過改變網(wǎng)頁中的各組件被顯示時的大小以及改變網(wǎng) 頁中各組件的配置來完成,這將使得開發(fā)時間明顯的延長。
綜上所述,可知先前技術(shù)中長期以來一直存在需要額外為可攜式數(shù)字裝 置開發(fā)網(wǎng)頁的問題,因此有必要提出改進的技術(shù)手段,來解決此一問題。
發(fā)明內(nèi)容
有鑒于先前技術(shù)存在的需要額外為可攜式數(shù)字裝置開發(fā)網(wǎng)頁的問題,本發(fā)明提供一種網(wǎng)頁操作及顯示的轉(zhuǎn)換系統(tǒng)及其方法,其中
本發(fā)明所揭露的網(wǎng)頁操作及顯示的轉(zhuǎn)換系統(tǒng),其包括有網(wǎng)頁讀取模塊、 元素分析模塊、按鍵對應(yīng)模塊、元素刪除模塊、元素屬性調(diào)整模塊、網(wǎng)頁生 成模塊,其透過元素分析模塊分析網(wǎng)頁讀取模塊所讀取的原始網(wǎng)頁后,由按 鍵對應(yīng)模塊定義與原始網(wǎng)頁中類型為按鈕的元素對應(yīng)的觸發(fā)事件與可攜式 數(shù)字裝置的按鍵的對應(yīng)關(guān)系,并在元素刪除模塊刪除類型為按鈕的元素后, 由元素屬性調(diào)整模塊依據(jù)顯示區(qū)域的分辨率調(diào)整各元素的顯示大小的屬性 值,再由網(wǎng)頁生成模塊生成沒有類型為按鈕的元素且元素的顯示大小經(jīng)過調(diào) 整的新網(wǎng)頁,通過以上系統(tǒng)解決先前技術(shù)所存在的問題。
本發(fā)明所揭露的網(wǎng)頁操作及顯示的轉(zhuǎn)換方法,其包括有下列步驟讀取 原始網(wǎng)頁;分析原始網(wǎng)頁以取得類型為按鈕之各元素;定義類型為按鈕之各 元素所對應(yīng)之觸發(fā)事件與可攜式數(shù)字裝置上之各按鍵的對應(yīng)關(guān)系;刪除原始 網(wǎng)頁中類型為按鈕之元素;依據(jù)可攜式數(shù)字裝置之顯示區(qū)域之分辨率調(diào)整該 原始網(wǎng)頁中各元素之顯示大小之屬性值;生成新網(wǎng)頁,其透過刪除原始網(wǎng)頁 中類型為r按鈕」的元素,并定義可攜式數(shù)字裝置的按鍵觸發(fā)相對應(yīng)的觸發(fā) 事件來解決先前技術(shù)所存在的問題。
本發(fā)明所揭露的系統(tǒng)與方法如上,其與先前4支術(shù)之間的差異在于本發(fā)明 刪除原始網(wǎng)頁中屬性為「按鈕」的元素,并定義可攜式數(shù)字裝置的按^t與被 按下時觸發(fā)屬性為「按鈕」的元素所對應(yīng)的觸發(fā)事件的對應(yīng)關(guān)系。透過上述 的技術(shù)手段,本發(fā)明可以達成使可攜式數(shù)字裝置顯示及操作原始網(wǎng)頁的技術(shù) 功效。
圖1是本發(fā)明所提之網(wǎng)頁操作及顯示的轉(zhuǎn)換系統(tǒng)之系統(tǒng)架構(gòu)圖; 圖2是本發(fā)明實施例所提之可攜式數(shù)字裝置示意圖; 圖3是本發(fā)明所提之網(wǎng)頁操作及顯示的轉(zhuǎn)換方法之方法流程圖; 圖4是本發(fā)明實施例所提之原始網(wǎng)頁示意圖5是本發(fā)明實施例所提之設(shè)定接口示意圖。
具體實施例方式
以下將配合圖式及實施例來詳細(xì)說明本發(fā)明之詳細(xì)特征與實施方式,內(nèi) 容足以使任何本領(lǐng)域技術(shù)人員輕易地理解本發(fā)明解決技術(shù)問題所應(yīng)用的技 術(shù)手段并據(jù)以實施,及理解實現(xiàn)本發(fā)明可達成的功效。
以下先以圖1所示的本發(fā)明所提的網(wǎng)頁操作及顯示的轉(zhuǎn)換系統(tǒng)之系統(tǒng) 架構(gòu)圖來說明本發(fā)明的系統(tǒng)運作。如圖l所示,本發(fā)明之系統(tǒng)含有網(wǎng)頁讀取
模塊110、元素分析模塊120、按鍵對應(yīng)模塊130、元素刪除模塊150、元素 屬性調(diào)整模塊160、網(wǎng)頁生成模塊170。可附加的偵測模塊190將于稍后描述。
網(wǎng)頁讀取模塊IIO用以讀取原始網(wǎng)頁。其中,網(wǎng)頁讀取模塊110所讀取 的原始網(wǎng)頁可以預(yù)先儲存在可攜式數(shù)字裝置100的儲存媒體中,也可以是經(jīng) 由可攜式數(shù)字裝置IOO通過網(wǎng)絡(luò)所下載而來。
網(wǎng)頁分析模塊120用以分析出該原始網(wǎng)頁所包含之各個元素(element), 通過取得該原始網(wǎng)頁中元素之型態(tài)(type)為「按鈕(button)」之元素。
按鍵對應(yīng)模塊130用以定義原始網(wǎng)頁中之型態(tài)為「按4丑」之元素所對應(yīng) 的觸發(fā)事件與可攜式數(shù)字裝置IOO上之各按鍵的對應(yīng)關(guān)系。其中,在按鍵定 義模塊130所定義的對應(yīng)關(guān)系中,并非只能定義一個按鍵對應(yīng)一個觸發(fā)事件 的對應(yīng)關(guān)系,更可以定義復(fù)合鍵(兩個以上的按鍵)的對應(yīng)關(guān)系,也就是說, 按鍵定義模塊130除了定義如圖2所示之第一按鍵181以及第二按鍵182所 對應(yīng)的觸發(fā)事件之外,更可以定義第一按鍵181與第二按鍵182同時被按下 時所對應(yīng)的觸發(fā)事件。 一般而言,各元素所對應(yīng)的觸發(fā)事件被記錄在該元素 中,但并不以此為限,亦有可能以JavaScript等其它方式記錄在原始網(wǎng)頁中。
上述按鍵定義模塊130定義各按鈕與可攜式數(shù)字裝置IOO上之各按鍵的 對應(yīng)關(guān)系的方式,包含但不限于提供設(shè)定接口與使用者自行選擇設(shè)定,或依 據(jù)預(yù)定的順序依序定義各按鈕與各按鍵的對應(yīng)關(guān)系等。
元素刪除模塊150用以刪除原始網(wǎng)頁中類型為r按鈕」之元素。
元素屬性調(diào)整模塊160用以依據(jù)可攜式數(shù)字裝置100之顯示區(qū)域之分辨率調(diào)整原始網(wǎng)頁中與顯示各元素之大小有關(guān)之屬性的屬性值。也就是說,元
素屬性調(diào)整模塊160會計算原始網(wǎng)頁需要縮小的比例,并依據(jù)計算所得的比 例縮小各元素被顯示在顯示區(qū)域中的大小。
網(wǎng)頁生成模塊170用以生成沒有包含類型為「按鈕」的元素,且被顯示
的元素的大小^:調(diào)整過的新網(wǎng)頁。
接著以第一實施例來解釋本發(fā)明的運作系統(tǒng)與方法,并請參照圖3本發(fā)
明所提的網(wǎng)頁操作及顯示的轉(zhuǎn)換方法之方法流程圖。
當(dāng)使用者使用執(zhí)行有本發(fā)明的可攜式數(shù)字裝置IOO瀏覽如圖4所示的原 始網(wǎng)頁400時,本發(fā)明的網(wǎng)頁讀取模塊IIO會讀取可攜式數(shù)字裝置100經(jīng)由 因特網(wǎng)所下載的原始網(wǎng)頁400的原始碼(步驟210),之后本發(fā)明的元素分 析模塊120會對網(wǎng)頁讀取模塊110所下載的原始網(wǎng)頁400的原始碼進行分 析。
在元素分析模塊120分析出原始網(wǎng)頁400中的所有元素之后,元素分析 模塊120便可以取得原始網(wǎng)頁400中類型為按扭的第一按鈕421、第二按鈕 422、以及第三按鈕423的元素(步驟220)。其中,第一按鈕421被顯示 為r詩詞吟誦」,其所對應(yīng)的觸發(fā)事件為播放p今誦r下江陵」這首詩的聲音、 第二按鈕422被顯示為r白話翻譯」,其所對應(yīng)的觸發(fā)事件為顯示r下江陵J 這首詩的翻譯、第三按鈕423被顯示為r作者簡介」,其所對應(yīng)的觸發(fā)事件 為顯示「下江陵」的作者r李白」的介紹。
接著,按鍵對應(yīng)模塊130會定義可攜式數(shù)字裝置IOO上的各按鍵與第一 按鈕421、第二按鈕422、第三按鈕423所對應(yīng)的觸發(fā)事件的對應(yīng)關(guān)系(步 驟250)。若在本實施例中,按鍵對應(yīng)模塊130提供如圖5所示的設(shè)定接口 , 以下拉式選單510的方式讓使用者設(shè)定第一按鈕421、第二按鈕422、第三 按鈕423所對應(yīng)在可攜式數(shù)字裝置100上的按鍵,但本發(fā)明所提的設(shè)定接口 并不以此為限,假設(shè)在使用者設(shè)定之后,第一按鈕421對應(yīng)至第一按4定181、 第二按鈕422對應(yīng)第二按鍵182、第三按鈕423對應(yīng)至第一按鍵181與第二 按鍵182 (復(fù)合鍵)。
一般而言,可攜式數(shù)字裝置IOO上所有的按鍵應(yīng)該都可以被按鍵對應(yīng)模 塊130給定義,但是,當(dāng)可攜式數(shù)字裝置IOO上有某些按鍵被其它執(zhí)行中的程序給使用時,為了避免使用者按下以被其它程序使用的按鍵,本發(fā)明更可
以包含一個偵測模塊190,負(fù)責(zé)在按鍵對應(yīng)模塊130定義各按鈕與各按鍵的 對應(yīng)關(guān)系(步驟250)之前,偵測可攜式數(shù)字裝置IOO上可被使用之各按鍵
(步驟230)。如此,透過偵測模塊190將可以偵測到可攜式數(shù)字裝置100 上的可使用的按鍵,再由按鍵定義模塊130定義可使用的各按鍵與類型為
r按鈕」的元素所對應(yīng)的觸發(fā)事件的對應(yīng)關(guān)系,以免造成其它執(zhí)行中程序的 誤判。
事實上,按鍵對應(yīng)模塊130更負(fù)責(zé)產(chǎn)生各按鍵所對應(yīng)之各觸發(fā)事件的對 應(yīng)信息,由此提供可攜式數(shù)字裝置IOO將對應(yīng)信息顯示在顯示區(qū)域141中, 讓使用者可以在不確定各按鍵的對應(yīng)關(guān)系的情況下獲得參考。
在按鍵對應(yīng)模塊130定義可攜式數(shù)字裝置IOO上的各按鍵與各觸發(fā)事件 的對應(yīng)關(guān)系(步驟250)后,本發(fā)明的元素刪除模塊150將刪除原始網(wǎng)頁400 中類型為「按鈕」的元素(步驟270)。
同樣,在按鍵對應(yīng)模塊130定義可攜式數(shù)字裝置IOO上的各按鍵與各觸 發(fā)事件的對應(yīng)關(guān)系(步驟250)后,本發(fā)明的元素屬性調(diào)整模塊160會依據(jù) 顯示區(qū)域141之分辨率將原始網(wǎng)頁400的各個元素中之用來定義顯示大小之 屬性值依比例縮小(步驟282),使得調(diào)整后的網(wǎng)頁可以完整的被顯示在顯 示區(qū)域141中。
以下以第二實施例來解釋本發(fā)明,本實施例與第一實施例差異在于,可 攜式數(shù)字裝置IOO上的顯示區(qū)域141的分辨率可以經(jīng)由使用者設(shè)定后改變, 因此,在元素屬性調(diào)整模塊160調(diào)整元素的顯示大小的屬性值(步驟282) 之前,本發(fā)明的偵測模塊190更可以包含偵測顯示區(qū)域141的分辨率的功能 (步驟281 ),由此提供元素屬性調(diào)整模塊160進行設(shè)定。
在元素屬性調(diào)整模塊160依據(jù)顯示區(qū)域141之分辨率調(diào)整原始網(wǎng)頁中元 素之顯示大小之屬性值(步驟282)之后,網(wǎng)頁生成模塊170會生成一個沒 有按鈕的巻標(biāo)的新網(wǎng)頁(步驟290),在本實施例中,網(wǎng)頁生成模塊170生 成的新網(wǎng)頁將只保有原始網(wǎng)頁400中的被顯示為詩句顯示區(qū)塊410的元素, 而不包含元素型態(tài)為r按鈕」的第一按鈕421、第二按鈕422、第三按鈕423 等元素。如此,當(dāng)網(wǎng)頁生成模塊170所生成的網(wǎng)頁被顯示在顯示區(qū)域141中時, 若使用者按下第二按鍵182時,按鍵對應(yīng)模塊150會傳送控制訊號來觸發(fā)原 始網(wǎng)頁400中與第二按鈕422相對應(yīng)的觸發(fā)事件,讓可攜式數(shù)字裝置100的 顯示區(qū)域141顯示「下江陵」的白話翻譯。同樣的,當(dāng)使用者按下第一按鍵 181或同時按下第一按鍵181與第二按鍵182時,按鍵對應(yīng)模塊150亦會觸 發(fā)相對應(yīng)的觸發(fā)事件,在此不詳加描述。
綜上所述,可知本發(fā)明與先前技術(shù)之間的差異在于具有刪除原始網(wǎng)頁中 屬性為r按鈕」的元素,并定義可攜式數(shù)字裝置的按鍵與被按下時觸發(fā)屬性 為r按鈕」的元素所對應(yīng)的觸發(fā)事件的對應(yīng)關(guān)系的技術(shù)手段,通過此一技術(shù) 手段可以解決先前技術(shù)所存在的需要額外為可攜式數(shù)字裝置開發(fā)網(wǎng)頁的問 題,進而達成使可攜式數(shù)字裝置顯示及操作原始網(wǎng)頁的技術(shù)功效。
雖然本發(fā)明所揭示的實施方式如上,惟所述之內(nèi)容并非用以直接限定本 發(fā)明之專利保護范圍。任何本發(fā)明所屬技術(shù)領(lǐng)域中具有通常知識者,在不脫 離本發(fā)明所揭露之精神和范圍的內(nèi),在實施的形式上及細(xì)節(jié)上所為之更動或 潤飾,均屬本發(fā)明之專利保護范圍。因此本發(fā)明之專利保護范圍仍須以本說 明書所附之申請專利范圍所界定者為準(zhǔn)。
權(quán)利要求
1、一種網(wǎng)頁操作及顯示的轉(zhuǎn)換方法,是應(yīng)用于一可攜式數(shù)字裝置上,其特征在于,所述轉(zhuǎn)換方法包含下列步驟讀取一原始網(wǎng)頁;分析該原始網(wǎng)頁以取得類型為按鈕之各元素;定義類型為按鈕之各該元素所對應(yīng)之觸發(fā)事件與該可攜式數(shù)字裝置上之各按鍵之對應(yīng)關(guān)系;刪除該原始網(wǎng)頁中類型為按鈕之各該元素;依據(jù)該可攜式數(shù)字裝置之一顯示區(qū)域之一分辨率調(diào)整該原始網(wǎng)頁中各元素之顯示大小之屬性值;及生成一新網(wǎng)頁。
2、 如權(quán)利要求1所述的網(wǎng)頁操作及顯示的轉(zhuǎn)換方法,其特征在于,所 述方法更包含偵測各該按鍵是否可被使用之步驟。
3、 如權(quán)利要求1所述的網(wǎng)頁操作及顯示的轉(zhuǎn)換方法,其特征在于,所 述方法更包含產(chǎn)生各該按鍵所對應(yīng)之各該觸發(fā)事件之對應(yīng)信息之步驟。
4、 如權(quán)利要求1所述的網(wǎng)頁操作及顯示的轉(zhuǎn)換方法,其特征在于,所 述方法更包含偵測該分辨率之步驟。
5、 一種網(wǎng)頁操作及顯示的轉(zhuǎn)換系統(tǒng),是應(yīng)用于一可攜式數(shù)字裝置上, 其特征在于,所述轉(zhuǎn)換系統(tǒng)包含一網(wǎng)頁讀取4莫塊,用以讀耳又一原始網(wǎng)頁;一元素分析模塊,用以分析該原始網(wǎng)頁中之各元素,由此取得該原始網(wǎng) 頁中類型為按鈕之元素;一按鍵對應(yīng)模塊,用以定義類型為按鈕之各該元素所對應(yīng)之觸發(fā)事件與 該可攜式數(shù)字裝置之各按鍵之對應(yīng)關(guān)系;一元素屬性調(diào)整模塊,用以依據(jù)該可攜式數(shù)字裝置之一顯示區(qū)域之分辨 率調(diào)整該原始網(wǎng)頁中各元素之顯示大小之屬性值;一元素刪除模塊,用以刪除該原始網(wǎng)頁中類型為按鈕之各該元素;及一網(wǎng)頁生成才莫塊,用以生成一新網(wǎng)頁。
6、 如權(quán)利要求5所述的網(wǎng)頁操作及顯示的轉(zhuǎn)換系統(tǒng),其特征在于,所 述系統(tǒng)更包含一偵測模塊,用以偵測各該按鍵是否可被使用。
7、 如權(quán)利要求5所述的網(wǎng)頁操作及顯示的轉(zhuǎn)換系統(tǒng),其特征在于,所 述按鍵對應(yīng)模塊更用以產(chǎn)生各該按鍵所對應(yīng)之各該觸發(fā)事件之對應(yīng)信息。
8、 如權(quán)利要求5所述的網(wǎng)頁操作及顯示的轉(zhuǎn)換系統(tǒng),其特征在于,所 述系統(tǒng)更包含一偵測才莫塊,用以偵測該分辨率。
9、 如權(quán)利要求5所述的網(wǎng)頁操作及顯示的轉(zhuǎn)換系統(tǒng),其特征在于,所 述顯示區(qū)域的分辨率是該顯示區(qū)域的長與寬的像素數(shù)。
全文摘要
本發(fā)明是一種網(wǎng)頁操作及顯示的轉(zhuǎn)換系統(tǒng)及其方法,其透過刪除原始網(wǎng)頁中屬性為「按鈕」的元素,并定義可攜式數(shù)字裝置的按鍵與被按下時觸發(fā)屬性為「按鈕」的元素所對應(yīng)的觸發(fā)事件的對應(yīng)關(guān)系,來解決先前技術(shù)中所存在的需要額外為可攜式數(shù)字裝置開發(fā)網(wǎng)頁的問題,由此可以使可攜式數(shù)字裝置顯示及操作原始網(wǎng)頁的技術(shù)功效。
文檔編號G06F17/30GK101470739SQ20071030565
公開日2009年7月1日 申請日期2007年12月27日 優(yōu)先權(quán)日2007年12月27日
發(fā)明者邱全成, 劍 陳 申請人:英業(yè)達股份有限公司