動(dòng)態(tài)轉(zhuǎn)換網(wǎng)頁(yè)的系統(tǒng)、方法以及計(jì)算機(jī)可讀記錄介質(zhì)的制作方法
【專利摘要】本發(fā)明涉及一種用于動(dòng)態(tài)網(wǎng)頁(yè)轉(zhuǎn)換系統(tǒng)，該系統(tǒng)可以構(gòu)造支持跨瀏覽器和跨平臺(tái)的網(wǎng)絡(luò)應(yīng)用程序和站點(diǎn)，具體地，所述動(dòng)態(tài)轉(zhuǎn)換網(wǎng)頁(yè)的系統(tǒng)包括：庫(kù)存儲(chǔ)單元，用于儲(chǔ)存至少一個(gè)構(gòu)成素構(gòu)成網(wǎng)頁(yè)或者網(wǎng)絡(luò)應(yīng)用程序元素；布局編輯單元，用于將選自于庫(kù)存儲(chǔ)單元的構(gòu)成元素布置在布局上以設(shè)置網(wǎng)頁(yè)；屬性編輯單元，用于設(shè)置由布局編輯單元布置的各個(gè)構(gòu)成元素的屬性；內(nèi)容編輯單元，用于提供編輯由布局編輯單元布置的內(nèi)容的功能；參數(shù)轉(zhuǎn)換單元，用于將由布局編輯單元布置的各個(gè)構(gòu)成元素轉(zhuǎn)換成標(biāo)準(zhǔn)參數(shù)值；標(biāo)準(zhǔn)參數(shù)信息數(shù)據(jù)庫(kù)，用于儲(chǔ)存由參數(shù)轉(zhuǎn)換單元轉(zhuǎn)換的標(biāo)準(zhǔn)參數(shù)值；瀏覽器判斷單元，根據(jù)用戶的轉(zhuǎn)換請(qǐng)求判斷用戶終端的瀏覽器和操作系統(tǒng)的類型；轉(zhuǎn)換引擎單元，根據(jù)瀏覽器判斷單元的判斷將儲(chǔ)存在標(biāo)準(zhǔn)參數(shù)信息數(shù)據(jù)庫(kù)中的標(biāo)準(zhǔn)參數(shù)信息轉(zhuǎn)換成合適類型的網(wǎng)頁(yè)源代碼；以及顯示引擎單元，用于顯示轉(zhuǎn)換的源代碼。
【專利說(shuō)明】動(dòng)態(tài)轉(zhuǎn)換網(wǎng)頁(yè)的系統(tǒng)、方法以及計(jì)算機(jī)可讀記錄介質(zhì)
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及一種網(wǎng)頁(yè)動(dòng)態(tài)轉(zhuǎn)換系統(tǒng)，更具體地，涉及一種用于建立支持跨瀏覽器和跨平臺(tái)的網(wǎng)站和網(wǎng)絡(luò)應(yīng)用程序的網(wǎng)頁(yè)動(dòng)態(tài)轉(zhuǎn)換系統(tǒng)、方法以及計(jì)算機(jī)可讀記錄介質(zhì)。
【背景技術(shù)】
[0002]一般來(lái)說(shuō)，互聯(lián)網(wǎng)是一個(gè)開放式的網(wǎng)絡(luò)，該網(wǎng)絡(luò)被配置為允許來(lái)自全世界的任何人通過(guò)被稱為TCP/IP的公共協(xié)議自由地訪問(wèn)對(duì)方的電腦，并且不僅可以用于基本文本信息的傳輸，而且隨著傳輸技術(shù)的進(jìn)步，也可以傳輸媒體信息。同樣地，互聯(lián)網(wǎng)可以允許使用各種服務(wù)，例如電子郵件、文件傳輸以及www(萬(wàn)維網(wǎng))。
[0003]因此，全國(guó)乃至全世界互聯(lián)網(wǎng)的使用顯著地增加，并且互聯(lián)網(wǎng)作為一種遍及現(xiàn)有工業(yè)領(lǐng)域的提高生產(chǎn)率和效率的戰(zhàn)略性工具，正變得越來(lái)越重要。可以持續(xù)獲得利用互聯(lián)網(wǎng)的新的商機(jī)，并且這些新的商機(jī)有擴(kuò)充它們領(lǐng)域的趨勢(shì)。因此，越來(lái)越多的人投身于互聯(lián)網(wǎng)商業(yè)。
[0004]同時(shí)，隨著最近發(fā)布的智能手機(jī)提供增強(qiáng)的性能和功能，許多用戶正把他們手機(jī)從功能手機(jī)更換為智能手機(jī)?！爸悄苁謾C(jī)”是一種配備有支持計(jì)算機(jī)的功能的移動(dòng)手機(jī)，并且可以提供視頻重放功能、網(wǎng)絡(luò)瀏覽器、PDA (便攜式數(shù)字助手)的功能，也有功能手機(jī)的功能。智能手機(jī)有各種各樣的輸入方式，并且有觸摸屏以提供更容易使用的界面。另外，智能手機(jī)可以訪問(wèn)互聯(lián)網(wǎng)和電腦從而作為一個(gè)可以執(zhí)行電子郵件、瀏覽網(wǎng)頁(yè)、傳真、電子銀行或者游戲的終端，以輔助的無(wú)線網(wǎng)絡(luò)功能。因此，隨著各種功能可以通過(guò)智能手機(jī)實(shí)現(xiàn)，正在開發(fā)在智能手機(jī)上運(yùn)行的多種多樣專用的應(yīng)用和內(nèi)容。
[0005]另外，最近普及的互聯(lián)網(wǎng)引發(fā)了無(wú)線移動(dòng)通信技術(shù)和有線通信技術(shù)的劇增，在現(xiàn)實(shí)生活中，可以不受時(shí)間和空間限制地通過(guò)手機(jī)、PDA、手提電腦或其他移動(dòng)終端上進(jìn)行信息搜索。
[0006]然而，由于無(wú)線網(wǎng)絡(luò)資源的限制以及手機(jī)終端在硬件方面的硬件的限制(例如屏幕尺寸小或者輸入設(shè)備有限)，使得無(wú)線互聯(lián)網(wǎng)如同現(xiàn)有的有互聯(lián)網(wǎng)一樣難以使用，因此，國(guó)內(nèi)和國(guó)外的網(wǎng)絡(luò)服務(wù)提供商已經(jīng)建立了從現(xiàn)有的有線互聯(lián)網(wǎng)分離出來(lái)的無(wú)線互聯(lián)網(wǎng)系統(tǒng)來(lái)提供服務(wù)。
[0007]然而，由于資源的重復(fù)，傳統(tǒng)的移動(dòng)網(wǎng)絡(luò)服務(wù)方案非常不足，并且提供信息搜索和使用的有線和無(wú)線服務(wù)需要分別建立有線和無(wú)線網(wǎng)站。因此，提出了多種移動(dòng)網(wǎng)絡(luò)服務(wù)方案，這些移動(dòng)網(wǎng)絡(luò)服務(wù)方案允許在整個(gè)無(wú)線網(wǎng)絡(luò)上重用大量現(xiàn)有的有線網(wǎng)絡(luò)內(nèi)容資源或各種服務(wù)模式的無(wú)線網(wǎng)絡(luò)。
[0008]同時(shí)，依據(jù)移動(dòng)終端的類型，已經(jīng)分別開發(fā)了各種瀏覽器和操作系統(tǒng)。因此，這些瀏覽器之間或者這些操作系統(tǒng)之間的差異使得需要開發(fā)不同的應(yīng)用以符合各個(gè)瀏覽器和操作系統(tǒng)。例如，各種瀏覽器，例如微軟(MS) IE瀏覽器，Opera瀏覽器，Chrome瀏覽器，Safari瀏覽器等未能支持標(biāo)準(zhǔn)，并且，根據(jù)包括谷歌安卓操作系統(tǒng)和蘋果10S在內(nèi)的操作系統(tǒng)，其應(yīng)用并不以同樣的方式運(yùn)行。
[0009]同時(shí)，作為與將網(wǎng)頁(yè)格式轉(zhuǎn)換成不同格式的方法相關(guān)的技術(shù)，韓國(guó)專利發(fā)表號(hào)為2003-0057285，標(biāo)題為:“將網(wǎng)頁(yè)的HTML數(shù)據(jù)轉(zhuǎn)換成適合于在移動(dòng)站上顯示的裝置和方法(三星電子公司)”(文件1)，公開了一種根據(jù)移動(dòng)站的性能和限制，將網(wǎng)頁(yè)的HTML數(shù)據(jù)轉(zhuǎn)換成適合于移動(dòng)站的顯示器的新格式的方法。為此，文件1提供了優(yōu)化HTML數(shù)據(jù)到用于移動(dòng)站的顯示器的HTML過(guò)濾方法。
[0010]然而，這種方法根據(jù)移動(dòng)站的性能以有限的方式轉(zhuǎn)換原始網(wǎng)頁(yè)，因此，所得到的信息可能和原始網(wǎng)頁(yè)信息不一樣。另外，當(dāng)移動(dòng)站的瀏覽器不支持HTML格式時(shí)，原始網(wǎng)頁(yè)不可以被瀏覽。
[0011]因此，還需開發(fā)一種網(wǎng)絡(luò)應(yīng)用程序轉(zhuǎn)換引擎，其可以在不同的瀏覽器下以同樣的方式運(yùn)行。
[0012]另外，正如上面所描述的，隨著智能手機(jī)的流行，除了現(xiàn)有的基于PC的網(wǎng)址站，需要開發(fā)單獨(dú)的移動(dòng)網(wǎng)站，從時(shí)間、成本和效率方面來(lái)看，這給服務(wù)供應(yīng)商增加了巨大的負(fù)擔(dān)。這些壓力來(lái)自于這樣一個(gè)事實(shí):即開發(fā)網(wǎng)站、移動(dòng)網(wǎng)站或者網(wǎng)絡(luò)應(yīng)用程序的常規(guī)方法是不足夠的。
[0013]例如，在常規(guī)的網(wǎng)絡(luò)開發(fā)和維護(hù)的方法中，需對(duì)設(shè)計(jì)文檔進(jìn)行程序編碼，并將其上傳到網(wǎng)絡(luò)服務(wù)器上，且其結(jié)果被驗(yàn)證。同樣地，當(dāng)更新設(shè)計(jì)或者擴(kuò)大功能時(shí)，傳統(tǒng)的方法需通過(guò)以上所述的過(guò)程，因此消耗了大量的時(shí)間和成本。另外，對(duì)于業(yè)余愛(ài)好者來(lái)說(shuō)，開發(fā)或運(yùn)作他們自己的網(wǎng)站或者網(wǎng)絡(luò)應(yīng)用程序幾乎是不可能的。
【發(fā)明內(nèi)容】
[0014]技術(shù)問(wèn)題
[0015]本發(fā)明的一個(gè)目標(biāo)是提供一種動(dòng)態(tài)轉(zhuǎn)換系統(tǒng)、方法，以及計(jì)算機(jī)可讀記錄介質(zhì)，其允許通過(guò)網(wǎng)頁(yè)轉(zhuǎn)換引擎進(jìn)行網(wǎng)頁(yè)之間的格式轉(zhuǎn)換，以提供一種在不同瀏覽器和操作系統(tǒng)的環(huán)境下以同樣的方式運(yùn)行的應(yīng)用。
[0016]另外，本發(fā)明的另一個(gè)目標(biāo)是提供一種動(dòng)態(tài)轉(zhuǎn)換系統(tǒng)、方法，以及計(jì)算機(jī)可讀記錄介質(zhì)，其通過(guò)允許基于flash應(yīng)用和基于HTML5應(yīng)用之間提供一種跨瀏覽器和跨平臺(tái)轉(zhuǎn)換，所述轉(zhuǎn)換通過(guò)網(wǎng)絡(luò)應(yīng)用程序轉(zhuǎn)換引擎來(lái)實(shí)現(xiàn)，該轉(zhuǎn)換引擎可以基于支持跨瀏覽器的Javascript或者HTML5標(biāo)準(zhǔn)語(yǔ)言運(yùn)行。
[0017]另外，本發(fā)明的又一個(gè)目標(biāo)是提供一種動(dòng)態(tài)轉(zhuǎn)換系統(tǒng)、方法，以及計(jì)算機(jī)可讀記錄介質(zhì)，其將實(shí)時(shí)產(chǎn)生的基于flash或者HTML5的網(wǎng)站以及內(nèi)容形成為參數(shù)，將所述參數(shù)儲(chǔ)存在數(shù)據(jù)庫(kù)中以響應(yīng)用戶的請(qǐng)求，通過(guò)轉(zhuǎn)換引擎實(shí)時(shí)產(chǎn)生并提供符合各種格式的網(wǎng)站和網(wǎng)絡(luò)應(yīng)用程序。
[0018]另外，本發(fā)明的又一個(gè)目標(biāo)是提供一種動(dòng)態(tài)轉(zhuǎn)換系統(tǒng)、方法，以及計(jì)算機(jī)可讀記錄介質(zhì)，其提供允許業(yè)余愛(ài)好者在制作網(wǎng)頁(yè)時(shí)，通過(guò)支持布局編輯單元、顯示引擎、屬性編輯單元以及轉(zhuǎn)換單元(從flash到HTML5或者從HTML5到flash)容易地建立一個(gè)低成本、高效率的站點(diǎn)(即網(wǎng)站、移動(dòng)站點(diǎn)、內(nèi)容等)。
[0019]對(duì)于本領(lǐng)域的技術(shù)人員來(lái)說(shuō)從本發(fā)明優(yōu)選實(shí)施例中得到的以上目標(biāo)和其他各種優(yōu)點(diǎn)是顯而易見的。
[0020]解決方案
[0021]為了實(shí)現(xiàn)本發(fā)明上述目標(biāo)以及將要描述的本發(fā)明的獨(dú)特效果，本發(fā)明的特征如下:
[0022]根據(jù)本發(fā)明的一個(gè)方面，動(dòng)態(tài)轉(zhuǎn)換網(wǎng)頁(yè)系統(tǒng)包括:庫(kù)存儲(chǔ)單元，所述庫(kù)存存儲(chǔ)單元存儲(chǔ)構(gòu)成網(wǎng)頁(yè)或者網(wǎng)絡(luò)應(yīng)用程序的至少一個(gè)元素；布局編輯單元，所述布局編輯單元在布局上布置選自所述庫(kù)存儲(chǔ)單元的所述構(gòu)成元素來(lái)構(gòu)成網(wǎng)頁(yè)；屬性編輯單元，所述屬性編輯單元配置由所述布局編輯單元布置的各個(gè)構(gòu)成元素的屬性；內(nèi)容編輯單元，所述內(nèi)容編輯單元提供編輯由所述布局編輯單元布置內(nèi)容的功能；參數(shù)轉(zhuǎn)換單元，所述參數(shù)轉(zhuǎn)換單元轉(zhuǎn)換由所述布局編輯單元布置的各個(gè)構(gòu)成元素轉(zhuǎn)換成標(biāo)準(zhǔn)參數(shù)值；標(biāo)準(zhǔn)參數(shù)信息數(shù)據(jù)庫(kù)，所述標(biāo)準(zhǔn)參數(shù)信息數(shù)據(jù)庫(kù)儲(chǔ)存由所述參數(shù)轉(zhuǎn)換單元轉(zhuǎn)換的標(biāo)準(zhǔn)參數(shù)值；瀏覽器判斷單元，所述瀏覽器判斷單元響應(yīng)用戶的轉(zhuǎn)換請(qǐng)求而判斷用戶終端的瀏覽器或者操作系統(tǒng)的類型；轉(zhuǎn)換引擎單元，所述轉(zhuǎn)換引擎單元根據(jù)所述瀏覽器決判斷單元的判斷將儲(chǔ)存在所述標(biāo)準(zhǔn)參數(shù)信息數(shù)據(jù)庫(kù)中的標(biāo)準(zhǔn)參數(shù)信息轉(zhuǎn)換成合適類型的網(wǎng)頁(yè)源代碼；以及顯示引擎單元，所述顯示引擎單元顯示已轉(zhuǎn)換的源代碼。
[0023]優(yōu)選地，構(gòu)成網(wǎng)頁(yè)或者網(wǎng)絡(luò)應(yīng)用程序的所述構(gòu)成元素包括選自圖片、視頻、文本或聲音中的任意一個(gè)或多個(gè)。
[0024]優(yōu)選地，可通過(guò)所述編輯單元編輯的屬性包括選自水平位置、垂直位置、透明度、背景、旋轉(zhuǎn)、圖像、標(biāo)題和皮膚中的任意一個(gè)或多個(gè)。
[0025]優(yōu)選地,所述轉(zhuǎn)換引擎單元將標(biāo)準(zhǔn)的參數(shù)信息轉(zhuǎn)換成HTML5標(biāo)準(zhǔn)格式或者Flash格式的網(wǎng)頁(yè)。
[0026]優(yōu)選地，所述動(dòng)態(tài)網(wǎng)頁(yè)轉(zhuǎn)換系統(tǒng)還包括移動(dòng)編輯單元，所述移動(dòng)編輯單元再次編輯由所述布局編輯單元產(chǎn)生的網(wǎng)頁(yè)以滿足移動(dòng)網(wǎng)頁(yè)的屬性。
[0027]根據(jù)本發(fā)明的另一個(gè)方面，在網(wǎng)頁(yè)的動(dòng)態(tài)轉(zhuǎn)換系統(tǒng)上執(zhí)行網(wǎng)頁(yè)的動(dòng)態(tài)轉(zhuǎn)換方法包括以下步驟:庫(kù)存儲(chǔ)單元儲(chǔ)存構(gòu)成網(wǎng)頁(yè)或者網(wǎng)絡(luò)應(yīng)用程序的至少一個(gè)構(gòu)成元素；布局編輯單元在布局上布置選自所述庫(kù)存儲(chǔ)單元的所述構(gòu)成元素布置以構(gòu)成網(wǎng)頁(yè)；屬性編輯單元設(shè)置由布局編輯單元布置的各個(gè)構(gòu)成元素的屬性；內(nèi)容編輯單元提供編輯由所述布局編輯單元布置的內(nèi)容的功能；參數(shù)轉(zhuǎn)換單元將由所述布局編輯單元布置的各個(gè)構(gòu)成元素的參數(shù)值轉(zhuǎn)換成標(biāo)準(zhǔn)參數(shù)值；標(biāo)準(zhǔn)信息數(shù)據(jù)庫(kù)儲(chǔ)存由所述標(biāo)準(zhǔn)參數(shù)轉(zhuǎn)換單元轉(zhuǎn)換的標(biāo)準(zhǔn)數(shù)據(jù)值；瀏覽器判斷單元響應(yīng)來(lái)自用戶的轉(zhuǎn)換請(qǐng)求而判斷戶終端的瀏覽器或者操作系統(tǒng)的類型；轉(zhuǎn)換引擎單元根據(jù)瀏覽器判斷單元的判斷將儲(chǔ)存在所述標(biāo)準(zhǔn)參數(shù)信息數(shù)據(jù)庫(kù)中的標(biāo)準(zhǔn)參數(shù)轉(zhuǎn)換成適合類型網(wǎng)頁(yè)源代碼；以及通過(guò)顯示引擎單元來(lái)顯示已轉(zhuǎn)換的源代碼。
[0028]優(yōu)選地，構(gòu)成網(wǎng)頁(yè)或者網(wǎng)絡(luò)應(yīng)用程序的構(gòu)成元素包括選自圖片、視頻、文本或聲音中的任意一個(gè)或多個(gè)。
[0029]優(yōu)選地，可由所述屬性編輯單元編輯的屬性包括選自水平位置、垂直位置、透明度、背景、旋轉(zhuǎn)、圖像，標(biāo)題和皮膚中的任意一個(gè)或者多個(gè)。
[0030]優(yōu)選地,轉(zhuǎn)換成參數(shù)源代碼的步驟包括將網(wǎng)頁(yè)的標(biāo)準(zhǔn)參數(shù)信息轉(zhuǎn)換成HTML5標(biāo)準(zhǔn)格式或者flash格式的網(wǎng)頁(yè)。
[0031]優(yōu)選地，動(dòng)態(tài)網(wǎng)頁(yè)轉(zhuǎn)換方法還包括通過(guò)移動(dòng)編輯單元再次編輯由所述布局編輯單元產(chǎn)生的網(wǎng)頁(yè)，以適應(yīng)移動(dòng)網(wǎng)頁(yè)的屬性。
[0032]同時(shí)，用于接受網(wǎng)頁(yè)的動(dòng)態(tài)轉(zhuǎn)換方法的信息可以儲(chǔ)存在記錄介質(zhì)中，該記錄介質(zhì)可以被服務(wù)器讀取。這樣的記錄介質(zhì)包括存儲(chǔ)能被電腦系統(tǒng)讀取的程序和數(shù)據(jù)的各種記錄介質(zhì)。記錄介質(zhì)的例子包括ROM(只讀存儲(chǔ)器)、RAM(隨機(jī)存取存儲(chǔ)器)、CD (光盤)、DVD-ROM(數(shù)字化視頻光盤)、磁帶、軟盤、光學(xué)數(shù)據(jù)存儲(chǔ)設(shè)備，和以載體波形式實(shí)現(xiàn)的設(shè)備(例如，通過(guò)互聯(lián)網(wǎng)傳播)。而且，這樣的記錄介質(zhì)可以在計(jì)算機(jī)系統(tǒng)中通過(guò)網(wǎng)絡(luò)聯(lián)結(jié)而分布式的布置，從而以分布式的方式儲(chǔ)存和執(zhí)行計(jì)算機(jī)可讀代碼。
[0033]有益效果
[0034]如上所述，根據(jù)本發(fā)明，網(wǎng)頁(yè)之間的格式轉(zhuǎn)換可以通過(guò)網(wǎng)頁(yè)轉(zhuǎn)換引擎來(lái)進(jìn)行，從而能提供在不同的瀏覽器和操作系統(tǒng)環(huán)境下以同樣的方式運(yùn)行的應(yīng)用。
[0035]另外，根據(jù)本發(fā)明，基于Flash的應(yīng)用和基于HTML5的應(yīng)用之間的轉(zhuǎn)換可以通過(guò)網(wǎng)絡(luò)應(yīng)用程序轉(zhuǎn)換引擎來(lái)進(jìn)行，該引擎可以基于支持跨瀏覽器的Javascript和HTML5運(yùn)行。
[0036]另外，根據(jù)本發(fā)明，實(shí)時(shí)產(chǎn)生的基于flash和HTML5的網(wǎng)站和內(nèi)容可以形成為儲(chǔ)存在數(shù)據(jù)庫(kù)中的參數(shù)，并且可以響應(yīng)用戶的請(qǐng)求，通過(guò)網(wǎng)絡(luò)引擎實(shí)時(shí)產(chǎn)生和提供由各種格式組成的網(wǎng)站和網(wǎng)絡(luò)應(yīng)用程序。
[0037]另外，使用四個(gè)或者八個(gè)在指定的區(qū)域內(nèi)的操作器(handler)來(lái)調(diào)整網(wǎng)頁(yè)的大小，然而，在移動(dòng)環(huán)境下(例如，智能手機(jī)或者平板電腦)，操作器的尺寸減少會(huì)引起不便。因此，根據(jù)本發(fā)明，對(duì)象的預(yù)定區(qū)域，例如該物體的上、下、左或右區(qū)域，被指定為操作器，從而允許在移動(dòng)環(huán)境下容易地調(diào)整大小。
[0038]另外，在傳統(tǒng)的圖片編輯程序中的圖片編輯器(例如Photoshop等)，當(dāng)將原始矩形圖片轉(zhuǎn)換成橢圓圖形時(shí)，產(chǎn)生獨(dú)立的轉(zhuǎn)換圖片，因此，記錄在存儲(chǔ)空間的圖片和應(yīng)用的轉(zhuǎn)換效果(convers1n effect) 一樣多。這導(dǎo)致存儲(chǔ)空間的浪費(fèi)。然而，根據(jù)本發(fā)明，轉(zhuǎn)換效果被轉(zhuǎn)換為標(biāo)準(zhǔn)參數(shù)，然后將該標(biāo)準(zhǔn)參數(shù)儲(chǔ)存在數(shù)據(jù)庫(kù)中，當(dāng)用戶發(fā)出請(qǐng)求時(shí)，將所述參數(shù)轉(zhuǎn)換為符合flash或者HTML5的參數(shù)，并顯示。因此，使用單個(gè)原始版本，可以創(chuàng)建大量的轉(zhuǎn)換效果，從而可以節(jié)省存儲(chǔ)空間。
[0039]另外，使用典型的圖片編輯程序編輯原始圖片是不容易的，所述編輯包括改變大小、寬度、圖片質(zhì)量和旋轉(zhuǎn)。然而，根據(jù)本發(fā)明的圖片參數(shù)轉(zhuǎn)換的應(yīng)用允許業(yè)余愛(ài)好者很容易對(duì)圖片的形狀做出改變。
【專利附圖】
【附圖說(shuō)明】
[0040]圖1是示出了根據(jù)本發(fā)明實(shí)施例的將flash文件轉(zhuǎn)換成HTML5網(wǎng)絡(luò)文件的原理的視圖；
[0041]圖2是示出了根據(jù)本發(fā)明實(shí)施例將HTML5應(yīng)用轉(zhuǎn)換成flash頁(yè)面的原理的視圖；
[0042]圖3是示出了根據(jù)本發(fā)明實(shí)施例的網(wǎng)頁(yè)動(dòng)態(tài)轉(zhuǎn)換系統(tǒng)的結(jié)構(gòu)的框圖；
[0043]圖4是示出了根據(jù)本發(fā)明實(shí)施例的網(wǎng)頁(yè)轉(zhuǎn)換結(jié)構(gòu)的原理的視圖；
[0044]圖5是示出了根據(jù)本發(fā)明實(shí)施例的動(dòng)態(tài)轉(zhuǎn)換系統(tǒng)的布局編輯單元的處理配置的視圖；
[0045]圖6是示出了根據(jù)本發(fā)明實(shí)施例的動(dòng)態(tài)轉(zhuǎn)換系統(tǒng)的內(nèi)容編輯單元的處理配置的視圖；
[0046]圖7是示出了現(xiàn)有技術(shù)的屬性編輯方法的視圖；
[0047]圖8是示出了根據(jù)本發(fā)明實(shí)施例的動(dòng)態(tài)轉(zhuǎn)換系統(tǒng)的屬性編輯單元的處理配置的視圖；
[0048]圖9是示出了根據(jù)本發(fā)明實(shí)施例的網(wǎng)頁(yè)轉(zhuǎn)換流程的流程圖；
[0049]圖10是示出了根據(jù)本發(fā)明實(shí)施例的移動(dòng)網(wǎng)頁(yè)轉(zhuǎn)換流程的流程圖；
[0050]圖11是示出了根據(jù)本發(fā)明實(shí)施例的將flash或者HTML5格式的網(wǎng)頁(yè)轉(zhuǎn)換成移動(dòng)網(wǎng)頁(yè)的原理的視圖；
[0051]圖12是示出了根據(jù)本發(fā)明實(shí)施例將flash或者HTML5格式的網(wǎng)頁(yè)轉(zhuǎn)換成HTML5或者flash格式的網(wǎng)頁(yè)的原理的視圖；
[0052]圖13是示出了常規(guī)的調(diào)整大小的操作器的指定區(qū)域的移動(dòng)的視圖；
[0053]圖14是示出了根據(jù)本發(fā)明實(shí)施例的指定區(qū)域的方法的視圖；
[0054]圖15是示出了常規(guī)的圖片轉(zhuǎn)換的原理的視圖；
[0055]圖16是示出了根據(jù)本發(fā)明實(shí)施例的圖片轉(zhuǎn)換原理的視圖；
[0056]圖17是示出了根據(jù)本發(fā)明實(shí)施例的圖片參數(shù)轉(zhuǎn)換方法的視圖。
【具體實(shí)施方式】
[0057]以下引用圖示了本發(fā)明實(shí)施例的附圖來(lái)詳細(xì)的描述。對(duì)描述實(shí)施例詳細(xì)，至使本發(fā)明能被本領(lǐng)域普通技術(shù)人員實(shí)行。盡管描述了彼此不同的實(shí)施例，但應(yīng)當(dāng)理解，這些實(shí)施例并不相互排斥。例如，在不脫離本發(fā)明的精神和范圍的情況下，本文公開的結(jié)合一個(gè)實(shí)施例的具體的形狀、結(jié)構(gòu)和特征也可以在其他實(shí)施例中實(shí)施。另外，應(yīng)當(dāng)理解，各個(gè)實(shí)施例中的各個(gè)組成部件的位置和布置可以在不脫離本發(fā)明的精神和范圍的情況下變化。因此，以下詳細(xì)描述并不用于限制本發(fā)明的范圍，更確切地說(shuō)，本發(fā)明的范圍僅由所附權(quán)利要求書及等價(jià)物限定。類似的引用編號(hào)在各個(gè)方面指代相同或者相似的功能。
[0058]本發(fā)明公開了用于建立支持跨瀏覽器和跨平臺(tái)的網(wǎng)站和網(wǎng)絡(luò)應(yīng)用程序的動(dòng)態(tài)轉(zhuǎn)換系統(tǒng)以及該動(dòng)態(tài)轉(zhuǎn)換系統(tǒng)的運(yùn)行方法。具體地，為了消除開發(fā)適合各種瀏覽器和操作系統(tǒng)的單獨(dú)的應(yīng)用帶來(lái)的不便，本發(fā)明提供了一種轉(zhuǎn)換引擎，該轉(zhuǎn)換引擎可以建立能夠運(yùn)行基于Javasript (jQuery, Prototype)的支持跨瀏覽器和標(biāo)準(zhǔn)語(yǔ)言HTML5的網(wǎng)絡(luò)應(yīng)用程序。因此，基于flash的應(yīng)用和基于HTML5的應(yīng)用可以通過(guò)該轉(zhuǎn)換引擎彼此相互轉(zhuǎn)換以實(shí)現(xiàn)跨瀏覽器和跨平臺(tái)。
[0059]同時(shí)，有一種將flash文件轉(zhuǎn)換成HTML5格式文件的常規(guī)工具，然而，這種轉(zhuǎn)換工具僅將靜態(tài)的“swf”格式文件轉(zhuǎn)換成HTML5格式，不能對(duì)網(wǎng)站和用戶實(shí)時(shí)產(chǎn)生的內(nèi)容進(jìn)行轉(zhuǎn)換。然而，根據(jù)本發(fā)明，基于flash或者HTML5的網(wǎng)站和用戶實(shí)時(shí)產(chǎn)生的內(nèi)容形成為參數(shù)，并且該參數(shù)儲(chǔ)存在數(shù)據(jù)庫(kù)中。然后，根據(jù)本發(fā)明的轉(zhuǎn)換引擎響應(yīng)用戶的請(qǐng)求實(shí)時(shí)產(chǎn)生“HTML5+JavaSCript”格式的網(wǎng)址和網(wǎng)絡(luò)應(yīng)用程序并將其顯示在瀏覽器上。
[0060]另外，根據(jù)本發(fā)明實(shí)施例，在產(chǎn)生網(wǎng)頁(yè)的過(guò)程中，支持布局編輯單元、顯示引擎、屬性編輯單元以及轉(zhuǎn)換單元(從flash到HTML5或者從HTML5到功能)提供允許業(yè)余愛(ài)好者容易地建立一個(gè)低成本、高效率的站點(diǎn)(即網(wǎng)站、移動(dòng)站點(diǎn)、內(nèi)容等)的功能。
[0061]布局編輯單元使用生成器將網(wǎng)站模塊化，屬性編輯單元通過(guò)個(gè)性化編輯器編輯網(wǎng)站和網(wǎng)絡(luò)應(yīng)用程序。另外，顯示引擎通過(guò)各種編輯效果來(lái)實(shí)現(xiàn)動(dòng)態(tài)屏幕，轉(zhuǎn)換單元自動(dòng)地將HTML5文件轉(zhuǎn)換成flash文件。
[0062]以下，參照附圖對(duì)本發(fā)明的優(yōu)選實(shí)施例進(jìn)行詳細(xì)的描述，以使本發(fā)明能容易地被本領(lǐng)域普通技術(shù)人員實(shí)施。
[0063]網(wǎng)頁(yè)動(dòng)態(tài)轉(zhuǎn)換的概念體系
[0064]圖1示出了將flash文件轉(zhuǎn)換成HTML5網(wǎng)絡(luò)文件的原理，并且圖2示出了將HTML5文件轉(zhuǎn)換成flash文件的原理。
[0065]圖1是示出了根據(jù)本發(fā)明實(shí)施例的將flash文件轉(zhuǎn)換成HTML5網(wǎng)絡(luò)文件的原理的視圖。參見圖1，通過(guò)使用鼠標(biāo)拖放對(duì)儲(chǔ)存在庫(kù)里的構(gòu)成網(wǎng)頁(yè)的構(gòu)成元素(例如圖片、視頻、文本、聲音等)進(jìn)行布置，以產(chǎn)生flash文件。根據(jù)本發(fā)明實(shí)施例，在這種情況下，flash文件轉(zhuǎn)換成參數(shù)然后被存入數(shù)據(jù)庫(kù)中。
[0066]轉(zhuǎn)換成參數(shù)的信息被儲(chǔ)存在數(shù)據(jù)庫(kù)中，該信息可以是關(guān)于構(gòu)成flash文件的各個(gè)構(gòu)成元素的位置和屬性以及相應(yīng)的構(gòu)成元素的文件信息(例如，在庫(kù)中的文件名)。如此，響應(yīng)用戶的請(qǐng)求，將儲(chǔ)存在數(shù)據(jù)庫(kù)中的轉(zhuǎn)換成參數(shù)的flash文件信息轉(zhuǎn)換成HTML5參數(shù)。于是，HTML5網(wǎng)站或者網(wǎng)絡(luò)應(yīng)用程序就產(chǎn)生了。
[0067]圖2是示出了根據(jù)本發(fā)明實(shí)施例將HTML5應(yīng)用轉(zhuǎn)換成flash頁(yè)的原理視圖。參照?qǐng)D2，通過(guò)使用鼠標(biāo)拖放對(duì)儲(chǔ)存在庫(kù)里的構(gòu)成網(wǎng)頁(yè)的構(gòu)成元素(例如，圖片，視頻，文本，聲音等)進(jìn)行布置，以產(chǎn)生HTML5應(yīng)用。在這種情況下，根據(jù)本發(fā)明實(shí)施例，HTML5應(yīng)用文件被轉(zhuǎn)換成HTML5參數(shù)并儲(chǔ)存在數(shù)據(jù)庫(kù)中。
[0068]轉(zhuǎn)換成參數(shù)的信息被儲(chǔ)存在數(shù)據(jù)庫(kù)中，該信息可以是關(guān)于構(gòu)成HTML5格式文件的各個(gè)構(gòu)成元素的位置和屬性以及相應(yīng)的構(gòu)成元素的文件信息(例如，在庫(kù)中的文件名)。如此，響應(yīng)用戶的請(qǐng)求，儲(chǔ)存在數(shù)據(jù)庫(kù)的轉(zhuǎn)換成參數(shù)的HTML5信息轉(zhuǎn)換成flash參數(shù)。于是，flash網(wǎng)址或者網(wǎng)絡(luò)應(yīng)用程序就產(chǎn)生了。
[0069]以下，參照?qǐng)D3至圖8對(duì)根據(jù)本發(fā)明的實(shí)施例的系統(tǒng)和設(shè)備的結(jié)構(gòu)進(jìn)行描述，參照?qǐng)D9和圖10對(duì)根據(jù)本發(fā)明實(shí)施例的服務(wù)流程進(jìn)行描述。
[0070]動(dòng)態(tài)網(wǎng)頁(yè)轉(zhuǎn)換系統(tǒng)
[0071]圖3是示出了根據(jù)本發(fā)明實(shí)施例的網(wǎng)頁(yè)的動(dòng)態(tài)轉(zhuǎn)換系統(tǒng)結(jié)構(gòu)的方框圖。參見圖3，根據(jù)本發(fā)明實(shí)施例，網(wǎng)頁(yè)的動(dòng)態(tài)轉(zhuǎn)換系統(tǒng)可以包括:庫(kù)存儲(chǔ)單元301、布局編輯單元302、屬性編輯單元303、內(nèi)容編輯單元304、移動(dòng)編輯單元305、標(biāo)準(zhǔn)參數(shù)轉(zhuǎn)換單元306、標(biāo)準(zhǔn)參數(shù)信息數(shù)據(jù)庫(kù)307、瀏覽器判斷單元308、轉(zhuǎn)換引擎單元309、顯示引擎單元310。
[0072]首先，庫(kù)存儲(chǔ)單元301儲(chǔ)存作為構(gòu)成網(wǎng)頁(yè)或者網(wǎng)絡(luò)應(yīng)用程序的構(gòu)成元素的各個(gè)庫(kù)，并且所述庫(kù)可以是，例如，圖片、視頻、文本或者聲音。
[0073]布局編輯單元302通過(guò)使用鼠標(biāo)拖放儲(chǔ)存在庫(kù)存儲(chǔ)單元301的各個(gè)庫(kù)來(lái)提供編輯網(wǎng)頁(yè)的功能。在這種情況下，布局編輯單元302布置的各個(gè)構(gòu)成元素的屬性可以由屬性編輯單元303來(lái)設(shè)置。另外，內(nèi)容編輯單元304可以提供再次編輯由布局編輯單元302布置的內(nèi)容的功能。所述再次編輯可以是，例如，尺寸的變換、顏色的變換、旋轉(zhuǎn)，或者透明度的設(shè)置。
[0074]同樣地，如果通過(guò)布局編輯單元302完成網(wǎng)頁(yè)的編輯，網(wǎng)頁(yè)通過(guò)標(biāo)準(zhǔn)參數(shù)轉(zhuǎn)換單元306轉(zhuǎn)換成標(biāo)準(zhǔn)參數(shù)，并且已轉(zhuǎn)換的參數(shù)被儲(chǔ)存在標(biāo)準(zhǔn)參數(shù)信息數(shù)據(jù)庫(kù)307中。同時(shí)，在布局編輯單元302產(chǎn)生的網(wǎng)頁(yè)是移動(dòng)網(wǎng)頁(yè)的情況下，該網(wǎng)頁(yè)被移動(dòng)編輯單元305再次編輯以適合移動(dòng)網(wǎng)頁(yè)的屬性。
[0075]同樣地，如果被編輯的網(wǎng)頁(yè)儲(chǔ)存為標(biāo)準(zhǔn)參數(shù)后，接收到用戶的轉(zhuǎn)換請(qǐng)求，瀏覽器判斷單元308判斷與用戶的請(qǐng)求相對(duì)應(yīng)的瀏覽器的類型或者操作系統(tǒng)的類型。相應(yīng)地，轉(zhuǎn)換引擎309根據(jù)瀏覽器判斷單元308的判斷將儲(chǔ)存于標(biāo)準(zhǔn)參數(shù)信息數(shù)據(jù)庫(kù)307的標(biāo)準(zhǔn)參數(shù)信息轉(zhuǎn)換成合適的網(wǎng)頁(yè)類型。
[0076]如上所述，被轉(zhuǎn)換成適合相應(yīng)類型的源代碼信息，通過(guò)顯示引擎310以HTML5格式或者flash格式顯示，以符合用戶瀏覽器和執(zhí)行環(huán)境。
[0077]圖4是示出了根據(jù)本發(fā)明實(shí)施例的網(wǎng)頁(yè)轉(zhuǎn)換結(jié)構(gòu)的原理的視圖，參見圖4，如上所述，用戶通過(guò)布局編輯單元將庫(kù)中的各個(gè)構(gòu)成元素布置到期望的位置。在這種情況下，如果想要產(chǎn)生移動(dòng)網(wǎng)頁(yè)，該網(wǎng)頁(yè)被移動(dòng)編輯單元再次布置和設(shè)置，以符合移動(dòng)網(wǎng)頁(yè)標(biāo)準(zhǔn)。
[0078]同時(shí)，在通過(guò)布局編輯單元執(zhí)行編輯處理時(shí)，可以通過(guò)屬性編輯單元編輯各個(gè)構(gòu)成元素的屬性，并且可以通過(guò)內(nèi)容編輯單元編輯各個(gè)內(nèi)容?？梢酝ㄟ^(guò)屬性編輯單元編輯的屬性包括水平位置、垂直位置、透明度、背景、旋轉(zhuǎn)、圖片、標(biāo)題、皮膚等。這些將在以下進(jìn)行更詳細(xì)的描述。
[0079]同樣地，根據(jù)本發(fā)明實(shí)施例，如果期望的網(wǎng)頁(yè)通過(guò)布局編輯單元或者移動(dòng)編輯單元編輯，其被轉(zhuǎn)換成標(biāo)準(zhǔn)參數(shù)并被儲(chǔ)存在數(shù)據(jù)庫(kù)中。
[0080]在這種情況下，如果用戶請(qǐng)求瀏覽網(wǎng)頁(yè)，首先檢查用戶的網(wǎng)絡(luò)瀏覽器，并且收集例如用戶的ID、頁(yè)面鍵值和瀏覽器的信息。
[0081]如上所述，轉(zhuǎn)換引擎單元參考收集的信息來(lái)轉(zhuǎn)換標(biāo)準(zhǔn)參數(shù)，以使其符合用戶瀏覽器。例如，在用戶瀏覽器是支持HTML5格式的瀏覽器的情況下，儲(chǔ)存的標(biāo)準(zhǔn)參數(shù)通過(guò)HTML5轉(zhuǎn)換器轉(zhuǎn)換成HTML5格式網(wǎng)頁(yè)。與此相反，如果用戶瀏覽器是不支持HTML5格式的瀏覽器，儲(chǔ)存的標(biāo)準(zhǔn)參數(shù)通過(guò)flash轉(zhuǎn)換器轉(zhuǎn)換成flash格式的網(wǎng)頁(yè)。最后，通過(guò)顯示引擎單元瀏覽通過(guò)轉(zhuǎn)換引擎單元轉(zhuǎn)換并產(chǎn)生的網(wǎng)頁(yè)，并且瀏覽過(guò)的信息可以儲(chǔ)存在數(shù)據(jù)庫(kù)中。
[0082]以下，根據(jù)本發(fā)明的實(shí)施例，參照?qǐng)D5至圖8，結(jié)合圖3和圖4對(duì)以上描述的功能單元進(jìn)行更詳細(xì)地描述。
[0083]圖5是示出了根據(jù)本發(fā)明實(shí)施例的動(dòng)態(tài)轉(zhuǎn)換系統(tǒng)的布局編輯單元的處理配置，參照?qǐng)D5，布局編輯單元可以采用例如鼠標(biāo)拖放的方式，將信息(例如，位置、尺寸、透明度、顏色、旋轉(zhuǎn)等)布置在構(gòu)成網(wǎng)站或者移動(dòng)網(wǎng)絡(luò)的元素上，例如網(wǎng)絡(luò)應(yīng)用程序或者多媒體數(shù)據(jù)。
[0084]另外，將已布置的信息轉(zhuǎn)換成參數(shù)，然后將該參數(shù)儲(chǔ)存在數(shù)據(jù)庫(kù)中。如上所述，所述布置的信息可以響應(yīng)用戶的請(qǐng)求而實(shí)時(shí)地動(dòng)態(tài)顯示。在這種情況下，根據(jù)本發(fā)明實(shí)施例，可以識(shí)別用戶瀏覽器，被轉(zhuǎn)換成HTML5格式或者flash格式，然后顯示。
[0085]圖6是示出了動(dòng)態(tài)轉(zhuǎn)換系統(tǒng)控制命令的內(nèi)容編輯單元的處理配置。通常，為了在網(wǎng)絡(luò)上產(chǎn)生高質(zhì)量的多媒體內(nèi)容，需要設(shè)計(jì)HTML或者Javascript的專業(yè)知識(shí)。因此，即使只是對(duì)產(chǎn)生的網(wǎng)頁(yè)的設(shè)計(jì)和內(nèi)容做簡(jiǎn)單的改變，業(yè)余用戶還需要雇傭一個(gè)專家。然而，如圖6所示，根據(jù)本發(fā)明實(shí)施例，多媒體內(nèi)容，例如圖片、視頻、聲音或者文本可以通過(guò)拖放來(lái)布置，通過(guò)內(nèi)容編輯單元再次編輯，并且儲(chǔ)存在如上所述數(shù)據(jù)庫(kù)中。例如，內(nèi)容編輯單元可以改變各個(gè)被布置的多媒體內(nèi)容的尺寸或者顏色，或者可以提供例如旋轉(zhuǎn)或者透明度的功倉(cāng)泛。
[0086]接下來(lái)，參照?qǐng)D7或者圖8對(duì)屬性編輯單元的功能進(jìn)行描述。
[0087]圖7是示出了現(xiàn)有的編輯屬性的方法的視圖。如圖7所示，當(dāng)用板工具(boardtool)例如Zeroboard?或者Gnuboard?建立網(wǎng)站時(shí)，沒(méi)有HTML或者Javascript方面的專業(yè)知識(shí)的人在屬性編輯方面會(huì)有困難。因此，盡管這樣的板工具可以免費(fèi)使用，但是用戶需要雇傭?qū)＜摇?br>
[0088]然而，根據(jù)本發(fā)明的實(shí)施例，各個(gè)內(nèi)容的屬性可以通過(guò)屬性編輯單元編輯。換句話說(shuō)，如上所述，如果網(wǎng)頁(yè)的網(wǎng)絡(luò)應(yīng)用程序通過(guò)拖放布置，執(zhí)行屬性編輯單元以使得各個(gè)應(yīng)用的屬性(例如布置、尺寸、顏色、字體、旋轉(zhuǎn)、透明度等)容易被編輯。因此，通過(guò)重新定義各個(gè)應(yīng)用的屬性，用戶能輕易地產(chǎn)生其期望的網(wǎng)頁(yè)。
[0089]圖8是示出了根據(jù)本發(fā)明實(shí)施例動(dòng)態(tài)轉(zhuǎn)換系統(tǒng)的屬性編輯單元的處理配置的視圖。參見圖8，在要編輯生產(chǎn)的網(wǎng)頁(yè)的特定板(board，例如，板1)的屬性的情況下，如果執(zhí)行編輯模式，由屬性編輯單元提供屬性編輯窗口，用戶通過(guò)在屬性編輯窗口上選擇或者輸入相應(yīng)的屬性就可以輕易地編輯屬性。因此，如果屬性編輯完成，并且也執(zhí)行完儲(chǔ)存，在編輯完屬性后，網(wǎng)頁(yè)信息轉(zhuǎn)換成參數(shù)信息，且將參數(shù)信息儲(chǔ)存在數(shù)據(jù)庫(kù)中。
[0090]同時(shí)，盡管沒(méi)有在圖中顯示，以上描述的顯示引擎單元執(zhí)行以下功能:將由布局編輯單元、內(nèi)容編輯單元、屬性編輯單元和轉(zhuǎn)換引擎單元產(chǎn)生并儲(chǔ)存在數(shù)據(jù)庫(kù)中的標(biāo)準(zhǔn)參數(shù)轉(zhuǎn)換成適合各個(gè)瀏覽器或者操作系統(tǒng)的可執(zhí)行的源代碼，并在執(zhí)行環(huán)境中將其顯示在用戶瀏覽器上。
[0091]例如，flash顯示引擎可以執(zhí)行以下功能:由儲(chǔ)存在數(shù)據(jù)庫(kù)中的標(biāo)準(zhǔn)參數(shù)實(shí)時(shí)產(chǎn)生以能夠在flash播放器上執(zhí)行的源代碼；執(zhí)行源代碼；以及在用戶瀏覽器上顯示結(jié)果。
[0092]另外，HTML5顯示引擎可以執(zhí)行以下功能:由儲(chǔ)存在數(shù)據(jù)庫(kù)中的標(biāo)準(zhǔn)參數(shù)實(shí)時(shí)產(chǎn)生在各個(gè)瀏覽器上可執(zhí)行的源代碼(即“HTML5+JavaSCript”)；執(zhí)行源代碼；以及在用戶瀏覽器上顯示結(jié)果。
[0093]同時(shí)，在顯示引擎單元插入傳統(tǒng)的板、博客、迷你主頁(yè)或者郵件中的情況下，根據(jù)本發(fā)明生成的內(nèi)容可以無(wú)限制的使用，于是，現(xiàn)有的HTML5編輯器可以被其替代，從而給用戶帶來(lái)方便。
[0094]以上已經(jīng)對(duì)根據(jù)本發(fā)明實(shí)施例系統(tǒng)的功能單元進(jìn)行了詳細(xì)地描述。接下來(lái)，將參照?qǐng)D9和圖10，對(duì)根據(jù)本發(fā)明實(shí)施例的網(wǎng)頁(yè)的動(dòng)態(tài)轉(zhuǎn)換過(guò)程進(jìn)行描述。
[0095]網(wǎng)頁(yè)的動(dòng)態(tài)轉(zhuǎn)換過(guò)程
[0096]圖9是示出了根據(jù)本發(fā)明實(shí)施例的網(wǎng)頁(yè)轉(zhuǎn)換過(guò)程的流程圖。參見圖9，首先，執(zhí)行布局編輯單元(S901)，從庫(kù)中拖出構(gòu)成網(wǎng)頁(yè)的網(wǎng)頁(yè)構(gòu)成元素(S902)并將其布置在網(wǎng)頁(yè)上。然后，選擇性地將所述布置的元素進(jìn)行分類，指定他們的屬性(S903)，并編輯內(nèi)容。
[0097]接下來(lái)，根據(jù)本發(fā)明實(shí)施例，通過(guò)執(zhí)行參數(shù)轉(zhuǎn)換將所述被布置的網(wǎng)頁(yè)構(gòu)成元素轉(zhuǎn)換參數(shù)，并將所述參數(shù)儲(chǔ)存在數(shù)據(jù)庫(kù)中(S904)。
[0098]同時(shí)，在有來(lái)自用戶的請(qǐng)求的情況下(S905)，判斷用戶瀏覽器是否支持HTML5格式(S906)，在確定用戶瀏覽器是支持HTML5的瀏覽器的情況下，將儲(chǔ)存在數(shù)據(jù)庫(kù)中的參數(shù)轉(zhuǎn)換成HTML5文件(S907)，并在用戶終端上瀏覽并顯示該HTML5文件。
[0099]相反地，如果判斷出用戶瀏覽器是不支持HTML5的瀏覽器，儲(chǔ)存在數(shù)據(jù)庫(kù)中的參數(shù)轉(zhuǎn)換成flash文件(S909)，并將轉(zhuǎn)換的flash文件在用戶終端上顯示。
[0100]圖10是示出了根據(jù)本發(fā)明實(shí)施例的轉(zhuǎn)換成移動(dòng)網(wǎng)頁(yè)過(guò)程的流程圖。參見圖10，首先執(zhí)行布局編輯單元(S1001)，從庫(kù)中拖出構(gòu)成網(wǎng)頁(yè)的網(wǎng)絡(luò)構(gòu)成元素(S1002)并將其布置在網(wǎng)頁(yè)上。然后，選擇性地對(duì)被布置的構(gòu)成元素進(jìn)行分類，指定它們的屬性(S1003)，并編輯內(nèi)容。
[0101]同時(shí)，在要產(chǎn)生的網(wǎng)頁(yè)是用于移動(dòng)終端的網(wǎng)頁(yè)的情況下(S1004)，執(zhí)行移動(dòng)網(wǎng)頁(yè)編輯功能以將該網(wǎng)頁(yè)再次編輯成移動(dòng)網(wǎng)頁(yè)(S1005)。
[0102]接下來(lái)，通過(guò)執(zhí)行根據(jù)本發(fā)明實(shí)施例的參數(shù)轉(zhuǎn)換將所述布置的網(wǎng)頁(yè)構(gòu)成元素轉(zhuǎn)換成參數(shù)并將其儲(chǔ)存在數(shù)據(jù)庫(kù)中(S1006)。
[0103]同時(shí)，在有來(lái)自用戶的請(qǐng)求的情況下(S1007)，判斷用戶瀏覽器是否是支持HTML5格式的瀏覽器(S1008)。如果判斷出用戶瀏覽器支持HTML5，則將儲(chǔ)存在數(shù)據(jù)庫(kù)中的參數(shù)轉(zhuǎn)換成HTML5文件，并將其在用戶終端上瀏覽和顯示(S1010)。
[0104][本發(fā)明的實(shí)施例]
[0105]已經(jīng)對(duì)根據(jù)本發(fā)明實(shí)施例的系統(tǒng)和方法進(jìn)行了描述。接下來(lái)，將參照?qǐng)D11到圖17對(duì)各個(gè)實(shí)施例進(jìn)行描述。
[0106]實(shí)施例
[0107]圖11是示出了根據(jù)本發(fā)明實(shí)施例的將flash或者HTML5格式的網(wǎng)頁(yè)轉(zhuǎn)換成移動(dòng)頁(yè)的原理的視圖。參見圖11，利用如上所述的拖放，配置移動(dòng)網(wǎng)頁(yè)以使由用戶動(dòng)態(tài)產(chǎn)生的網(wǎng)頁(yè)或者內(nèi)容對(duì)移動(dòng)終端來(lái)說(shuō)最優(yōu)化。在這種情況下，根據(jù)本發(fā)明實(shí)施例將在各個(gè)構(gòu)成元素(例如，圖片、視頻、文本、聲音等)上的信息(例如，尺寸、透明度、顏色、位置等)轉(zhuǎn)換成參數(shù)，并將參數(shù)儲(chǔ)存在數(shù)據(jù)庫(kù)中。
[0108]同時(shí)，如圖所示，在特定的移動(dòng)終端上選出模型名稱的情況下，移動(dòng)頁(yè)編輯屏幕被顯示為適合移動(dòng)終端的屏幕大小，允許用戶容易地生成適合移動(dòng)終端的網(wǎng)頁(yè)。
[0109]同樣地，通過(guò)用戶的請(qǐng)求將儲(chǔ)存在數(shù)據(jù)庫(kù)中的參數(shù)信息轉(zhuǎn)換成例如HTML5格式，然后在用戶移動(dòng)終端上對(duì)其進(jìn)行瀏覽。
[0110]圖12是示出了根據(jù)本發(fā)明實(shí)施例將flash或者HTML5格式的網(wǎng)頁(yè)轉(zhuǎn)換成HTML5或者flash格式頁(yè)的原理的視圖。參見圖12，利用如上所述的拖放設(shè)置移動(dòng)網(wǎng)頁(yè)以使由用戶動(dòng)態(tài)產(chǎn)生的網(wǎng)頁(yè)或者內(nèi)容對(duì)HTML5或者flash來(lái)說(shuō)最優(yōu)化。然后將已設(shè)置的信息(例如尺寸，透明度，顏色，位置等)轉(zhuǎn)換成參數(shù)，并將參數(shù)儲(chǔ)存在數(shù)據(jù)庫(kù)中。
[0111]在這種情況下，響應(yīng)用戶的請(qǐng)求將儲(chǔ)存在數(shù)據(jù)庫(kù)中的參數(shù)信息轉(zhuǎn)換成flash或者HTML5格式，然后該參數(shù)信息在例如flash網(wǎng)站或者HTML5網(wǎng)站的用戶終端上被瀏覽。因此，即使當(dāng)用戶產(chǎn)生特定格式的網(wǎng)頁(yè)時(shí)，不管用戶終端支持何種瀏覽器或者操作系統(tǒng)，都可以對(duì)該網(wǎng)頁(yè)進(jìn)行瀏覽。
[0112]以下，將參照?qǐng)D13至圖17對(duì)根據(jù)本發(fā)明實(shí)施例的附加功能進(jìn)行描述。
[0113]圖13是示出了常規(guī)的調(diào)整大小的處理器的指定區(qū)域的移動(dòng)的視圖，圖14是示出了根據(jù)本發(fā)明實(shí)施例指定區(qū)域方法的視圖。參照?qǐng)D13和圖14，通常四個(gè)或者八個(gè)操作器用于調(diào)整，但是在移動(dòng)環(huán)境下(例如移動(dòng)手機(jī)或者平板電腦)，由于其尺寸的減小，引起不便。
[0114]因此，根據(jù)本發(fā)明，如圖14所示，所有的區(qū)域可以自動(dòng)地指定，從而容易調(diào)整大小。換句話說(shuō)，將對(duì)象的預(yù)定的上、下、左、右區(qū)域指定為操作器，以便用戶能容易地調(diào)整大小。
[0115]圖15是示出了常規(guī)的圖片轉(zhuǎn)換原理的視圖，圖16根據(jù)本發(fā)明實(shí)施例來(lái)說(shuō)明圖片轉(zhuǎn)換原理的視圖。參照?qǐng)D15和圖16，當(dāng)根據(jù)傳統(tǒng)的技術(shù)利用圖片編輯器例如Photoshop，將原始的矩形圖片轉(zhuǎn)換成橢圓圖片時(shí)，產(chǎn)生了一個(gè)獨(dú)立的轉(zhuǎn)換圖片，并且記錄在存儲(chǔ)空間的圖片和應(yīng)用的轉(zhuǎn)換效果一樣多。這導(dǎo)致存儲(chǔ)空間的浪費(fèi)。
[0116]然而，如圖16所示，根據(jù)本發(fā)明，原始版本轉(zhuǎn)換為標(biāo)準(zhǔn)參數(shù)。當(dāng)用戶發(fā)出請(qǐng)求時(shí)，參數(shù)轉(zhuǎn)換成flash或者HTML5格式并顯示。因此，使用單個(gè)原始版本，可以創(chuàng)建大量的轉(zhuǎn)換效果，從而可以節(jié)省存儲(chǔ)空間。
[0117]圖17是示出了根據(jù)本發(fā)明實(shí)施例的圖片參數(shù)轉(zhuǎn)換的方法的視圖。參見圖17，用常規(guī)的圖片編輯程序支持的例如尺寸、拉伸、旋轉(zhuǎn)、或者改變圖片質(zhì)量的功能編輯原始圖片是非常困難的。例如，在使用程序，例如Photoshop或者Illustrator時(shí)，沒(méi)有專門知識(shí)的人在改變圖片形狀時(shí)有困難。然而，如圖17所示，根據(jù)本發(fā)明的圖片參數(shù)轉(zhuǎn)換功能適用于容易地對(duì)圖片開狀做出改變。
[0118]本文中描述的各種操作和功能可以在若干不同類型的功能單元中的任一個(gè)中執(zhí)行，例如具體的處理功能單元和/或運(yùn)用到其中的處理功能單元和/或其他的構(gòu)成元素。例如，這樣的功能單元可以產(chǎn)生如本文所述的信息，以及執(zhí)行如本文所述的操作和流程，也執(zhí)行如本文所述的操作和流程或者其他操作、功能及其等價(jià)物。
[0119]在一些實(shí)施例中，這些功能單元(其可以在相同設(shè)備或者彼此分開的不同設(shè)備中實(shí)現(xiàn))可以執(zhí)行根據(jù)本發(fā)明的各方面和/或如本文所述的任何其他操作、功能及其等價(jià)物。在一些實(shí)施例中，通過(guò)第一設(shè)備的第一功能單元以及第二設(shè)備的第二功能單元來(lái)執(zhí)行過(guò)程，在其它實(shí)施例中，通過(guò)在特定的設(shè)備中的處理單元完全執(zhí)行處理和操作。在又一些實(shí)施例中，在單個(gè)設(shè)備中利用至少第一功能單元和第二功能單元執(zhí)行這樣的處理和操作。
[0120]另外，如上所述，術(shù)語(yǔ)“系統(tǒng)”、“設(shè)備”、“單元”可以是單個(gè)的處理設(shè)備或者多個(gè)的處理設(shè)備。這樣的處理設(shè)備可以是微處理器、數(shù)字信號(hào)處理器、微型計(jì)算機(jī)、中央處理單元、現(xiàn)場(chǎng)可編程門陣列、可編程邏輯器件、狀態(tài)機(jī)、邏輯電路、數(shù)字電路和/或者預(yù)定的可基于硬件編碼電路和/或者操作說(shuō)明操作信號(hào)(模擬和/或者數(shù)字信號(hào))。處理模塊、模塊、處理電路和/或者處理單元可以有單個(gè)存儲(chǔ)裝置、多個(gè)存儲(chǔ)裝置、結(jié)合存儲(chǔ)器元素、集成存儲(chǔ)器元素，其可以是處理模塊、模塊、處理單元和/或者處理單元的嵌入式電路。這樣的存儲(chǔ)設(shè)備可以是只讀存儲(chǔ)器(ROM)、隨機(jī)存取存儲(chǔ)器(RAM)、閃速存儲(chǔ)器、高速緩存存儲(chǔ)器和/或者預(yù)定設(shè)備來(lái)儲(chǔ)存數(shù)字信息。如果處理模塊、模塊、處理電路和/或者處理單元包括一個(gè)或者多個(gè)處理設(shè)備，處理設(shè)備可以以集中的方式放置(即彼此直接通過(guò)有線或者無(wú)線總線結(jié)構(gòu)連接)或者是布式的(例如，通過(guò)局域通信網(wǎng)絡(luò)或者廣域網(wǎng)絡(luò)彼此間接連接使計(jì)算機(jī)互聯(lián))。如果處理器模塊、模塊、處理電路和/或者處理單元通過(guò)狀態(tài)機(jī)、模擬電路數(shù)字電路、電路、存儲(chǔ)內(nèi)存和/或內(nèi)存構(gòu)成元素，其中相應(yīng)的操作指令可以嵌入電路中或者布置到電路的外面，包括狀態(tài)機(jī)、模擬電路、數(shù)字電路和/或者邏輯電路。存儲(chǔ)元素可以被儲(chǔ)存，并且處理模塊、模塊、處理電路和/或者處理單元執(zhí)行硬編碼和/或者操作指令至少與圖中的一幅或者多幅所示的步驟和功能相對(duì)應(yīng)，這樣的存儲(chǔ)設(shè)備或者存儲(chǔ)元素可以被包括在產(chǎn)品的一部分中。
[0121]為了達(dá)到這些步驟能表明特定功能及它們的關(guān)系的目的，以上已經(jīng)對(duì)本發(fā)明進(jìn)行了描述。為了便于描述，在這里已經(jīng)對(duì)功能構(gòu)成元素以及步驟的順序和界限進(jìn)行了任意地定義。只要正確的實(shí)施特定的功能和關(guān)系，可以定義可替代的界線和順序。因此，這些可替代的界限和順序?qū)儆诒景l(fā)明權(quán)利要求書中所要求的范圍和精神。另外，為便于描述，這些功能構(gòu)成元素的界限已被任意地定義。只要適當(dāng)?shù)貓?zhí)行任何重要功能，可以定義可替代的界限。同樣，在這里可以對(duì)流程圖中的方塊進(jìn)行任意地定義來(lái)表示任何實(shí)質(zhì)性的功能。為了擴(kuò)大使用，可以定義流程圖中的塊的界線和順序，還可以執(zhí)行任何重要功能。功能構(gòu)成元素和流程圖塊和順序的可替代的定義都屬于本發(fā)明的范圍和精神。本領(lǐng)域的普通技術(shù)人員可以理解功能構(gòu)成元素和其它有插圖的塊、模塊和構(gòu)成元素可以在分離的構(gòu)成元素、半導(dǎo)體集成電路、執(zhí)行適當(dāng)軟件的處理器及其類似物或者它們的結(jié)合中實(shí)現(xiàn)，如圖所示。
[0122]在一個(gè)或者多個(gè)實(shí)施例的至少一部分中，利用術(shù)語(yǔ)對(duì)本發(fā)明進(jìn)行描述，在本文中使用本發(fā)明的實(shí)施例來(lái)表示本發(fā)明及本發(fā)明的方面、特征、原理、和/或者例子。實(shí)現(xiàn)本發(fā)明的設(shè)備、產(chǎn)品、機(jī)器和/或者程序的實(shí)施例可以包括結(jié)合如上所述與一個(gè)或者多個(gè)實(shí)施例的一個(gè)或者多個(gè)方面、特征、原理以及例子。另外，貫穿于附圖中的相同或者不同引用編號(hào)引用的并且以相似或者相同方式命名的功能、步驟、和模塊可以被結(jié)合到實(shí)施例中。因此，功能、步驟、以及模塊可以是相同或者相類似的功能、步驟、和模塊或者其他的。
[0123]雖然在其他方面沒(méi)有提到，來(lái)自如任一圖中所示的信號(hào)和/或這些元素之間的信號(hào)可以是模擬的或者數(shù)字的、連續(xù)的或者離散的、電的、光的、單端或者差分信號(hào)。例如，當(dāng)單個(gè)路徑顯示為單端路徑時(shí)，它也表示差分的單個(gè)路徑。類似地，如果單個(gè)路徑顯示為差分路徑，它也表示單端的單個(gè)路徑。同時(shí)，本領(lǐng)域普通技術(shù)人員應(yīng)當(dāng)理解，在本文中顯示的一個(gè)或者多個(gè)特定的架構(gòu)中，在元素之間是否可以通過(guò)使用一根或者多根數(shù)據(jù)總線進(jìn)行直接連接和/或在其他元素之間進(jìn)行間接連接沒(méi)有清楚的顯示出來(lái)。
[0124]術(shù)語(yǔ)“處理單元”被用于對(duì)本發(fā)明不同實(shí)施例的描述中。“模塊“包括在硬件中實(shí)現(xiàn)的功能性塊，以執(zhí)行一個(gè)或者多個(gè)功能，例如處理一個(gè)或者多個(gè)輸入信號(hào)以產(chǎn)生一個(gè)或者多個(gè)輸出信號(hào)。硬件可以結(jié)合軟件和/或者固件直接運(yùn)行實(shí)現(xiàn)功能塊。如在本文中使用的一樣，所述模塊可以包括一個(gè)或者多個(gè)子模塊，每個(gè)子模塊充當(dāng)獨(dú)立的模塊。
[0125]盡管已經(jīng)對(duì)本發(fā)明的各種功能和特征的某些結(jié)合進(jìn)行了清楚的描述，也可以對(duì)所述特征和功能進(jìn)行其它結(jié)合。本發(fā)明不限于在本文中公開的具體的例子，顯然還包括其他彡口口 ?
[0126]雖然已經(jīng)結(jié)合有限個(gè)數(shù)的實(shí)施例和附圖連同具體構(gòu)成元素對(duì)本發(fā)明進(jìn)行了描述，提供這些實(shí)施例僅用于全面理解本發(fā)明，但是本發(fā)明并不限于此。本領(lǐng)域的普通的技術(shù)人員應(yīng)當(dāng)理解，可以對(duì)其做出各種變化和修改。
[0127]因此，本發(fā)明的范圍不應(yīng)當(dāng)理解為限制于以上描述的實(shí)施例，以下的權(quán)利要求書及其等價(jià)物應(yīng)當(dāng)理解為屬于本發(fā)明的范圍。
【權(quán)利要求】
1.一種網(wǎng)頁(yè)動(dòng)態(tài)轉(zhuǎn)換系統(tǒng)，包括: 庫(kù)存儲(chǔ)單元，儲(chǔ)存構(gòu)成網(wǎng)頁(yè)或者網(wǎng)絡(luò)應(yīng)用程序的至少一個(gè)構(gòu)成元素； 布局編輯單元，將選自所述庫(kù)存儲(chǔ)單元的所述構(gòu)成元素布置在布局上以構(gòu)成網(wǎng)頁(yè)； 屬性編輯單元，配置由所述布局編輯單元布置的每個(gè)構(gòu)成元素的屬性； 內(nèi)容編輯單元，提供編輯由所述布局編輯單元布置的內(nèi)容的功能； 參數(shù)轉(zhuǎn)換單元，將由所述布局編輯單元布置的每個(gè)構(gòu)成元素轉(zhuǎn)換成標(biāo)準(zhǔn)參數(shù)值； 標(biāo)準(zhǔn)參數(shù)信息數(shù)據(jù)庫(kù)，儲(chǔ)存由所述參數(shù)轉(zhuǎn)換單元轉(zhuǎn)換的所述標(biāo)準(zhǔn)參數(shù)值； 瀏覽器判斷單元，響應(yīng)用戶的轉(zhuǎn)換請(qǐng)求判斷用戶終端的瀏覽器或者操作系統(tǒng)的類型；轉(zhuǎn)換引擎單元，根據(jù)所述瀏覽器判斷單元的判斷將儲(chǔ)存在所述標(biāo)準(zhǔn)參數(shù)信息數(shù)據(jù)庫(kù)中的標(biāo)準(zhǔn)參數(shù)信息轉(zhuǎn)換成合適類型的網(wǎng)頁(yè)源代碼；以及顯示引擎單元，顯示轉(zhuǎn)換的源代碼。
2.根據(jù)權(quán)利要求1所述的網(wǎng)頁(yè)動(dòng)態(tài)轉(zhuǎn)換系統(tǒng)，其中，構(gòu)成所述網(wǎng)頁(yè)或者網(wǎng)絡(luò)應(yīng)用程序的構(gòu)成元素包括選自圖片、視頻、文本和聲音中的一個(gè)或者多個(gè)。
3.根據(jù)權(quán)利要求1所述的網(wǎng)頁(yè)動(dòng)態(tài)轉(zhuǎn)換系統(tǒng)，其中，能夠被所述屬性編輯單元編輯的屬性包括選自水平位置、垂直位置、透明度、背景、旋轉(zhuǎn)、圖像、標(biāo)題和皮膚中的一個(gè)或者多個(gè)。
4.根據(jù)權(quán)利要求1所述的網(wǎng)頁(yè)動(dòng)態(tài)轉(zhuǎn)換系統(tǒng)，其中，所述轉(zhuǎn)換引擎單元將所述標(biāo)準(zhǔn)參數(shù)信息轉(zhuǎn)換成HTML5標(biāo)準(zhǔn)格式或者flash格式的網(wǎng)頁(yè)。
5.根據(jù)權(quán)利要求1所述的網(wǎng)頁(yè)動(dòng)態(tài)轉(zhuǎn)換系統(tǒng)，進(jìn)一步包括移動(dòng)編輯單元，所述移動(dòng)編輯單元再次編輯由所述布局編輯單元產(chǎn)生的網(wǎng)頁(yè)以適應(yīng)移動(dòng)網(wǎng)頁(yè)屬性。
6.一種在網(wǎng)頁(yè)動(dòng)態(tài)轉(zhuǎn)換系統(tǒng)上執(zhí)行的網(wǎng)頁(yè)動(dòng)態(tài)轉(zhuǎn)換方法，所述方法包括以下步驟: 庫(kù)存儲(chǔ)單元儲(chǔ)存構(gòu)成網(wǎng)頁(yè)或者網(wǎng)絡(luò)應(yīng)用程序的至少一個(gè)構(gòu)成元素； 布局編輯單元將選自所述庫(kù)存儲(chǔ)單元的構(gòu)成元素布置在布局上以構(gòu)成網(wǎng)頁(yè)； 屬性編輯單元設(shè)置由所述布局編輯單元布置的每個(gè)構(gòu)成元素的屬性； 內(nèi)容編輯單元提供編輯由所述布局編輯單元布置的內(nèi)容的功能； 參數(shù)轉(zhuǎn)換單元將由所述布局編輯單元布置的每個(gè)構(gòu)成元素轉(zhuǎn)換成標(biāo)準(zhǔn)參數(shù)值； 標(biāo)準(zhǔn)參數(shù)信息數(shù)據(jù)庫(kù)儲(chǔ)存由所述參數(shù)轉(zhuǎn)換單元轉(zhuǎn)換的標(biāo)準(zhǔn)參數(shù)值； 瀏覽器判斷單元響應(yīng)用戶的轉(zhuǎn)換請(qǐng)求判斷用戶終端的瀏覽器或者操作系統(tǒng)的類型；轉(zhuǎn)換引擎單元根據(jù)所述瀏覽器判斷單元的判斷，將儲(chǔ)存在所述標(biāo)準(zhǔn)參數(shù)信息數(shù)據(jù)庫(kù)中的標(biāo)準(zhǔn)參數(shù)信息轉(zhuǎn)換成合適類型的網(wǎng)頁(yè)源代碼；以及顯示引擎單元顯示轉(zhuǎn)換的源代碼。
7.根據(jù)權(quán)利要求6所述的網(wǎng)頁(yè)動(dòng)態(tài)轉(zhuǎn)換方法，其中，構(gòu)成所述網(wǎng)頁(yè)或者網(wǎng)絡(luò)應(yīng)用程序的所述構(gòu)成元素包括選自圖片、視頻、文本和聲音中的一個(gè)或者多個(gè)。
8.根據(jù)權(quán)利要求6所述的網(wǎng)頁(yè)動(dòng)態(tài)轉(zhuǎn)換方法，其中，能夠通過(guò)所述屬性編輯單元編輯的屬性包括選自水平位置、垂直位置、透明度、背景、旋轉(zhuǎn)、圖像、標(biāo)題和皮膚中的一個(gè)或者多個(gè)。
9.根據(jù)權(quán)利要求6所述的網(wǎng)頁(yè)動(dòng)態(tài)轉(zhuǎn)換方法，其中，轉(zhuǎn)換成參數(shù)源代碼的步驟包括將所述標(biāo)準(zhǔn)參數(shù)信息轉(zhuǎn)換成HTML5標(biāo)準(zhǔn)格式或者flash格式的網(wǎng)頁(yè)。
10.根據(jù)權(quán)利要求6所述的網(wǎng)頁(yè)動(dòng)態(tài)轉(zhuǎn)換方法，還包括移動(dòng)編輯單元再次編輯由所述布局編輯單元產(chǎn)生的網(wǎng)頁(yè)以適應(yīng)移動(dòng)網(wǎng)頁(yè)的屬性。
【文檔編號(hào)】G06F17/21GK104380280SQ201280072411
【公開日】2015年2月25日 申請(qǐng)日期:2012年4月19日 優(yōu)先權(quán)日:2012年4月16日
【發(fā)明者】權(quán)五石 申請(qǐng)人:權(quán)五石