[發(fā)明專利]在線場景應用的制作方法及裝置

有效

• 申請?zhí)枺?/td>: 201510697747.1
• 申請日: 2015-10-23
• 公開（公告）號: CN106610826B
• 公開（公告）日: 2020-04-21
• 發(fā)明（設(shè)計）人: 黃勇尤;郭亮;吳嘉駿;陳俊勇;何波;熊平;萬波
• 申請（專利權(quán)）人: 騰訊科技（深圳）有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38
• 代理公司: 北京三高永信知識產(chǎn)權(quán)代理有限責任公司 11138
• 代理人: 祝亞男

本發(fā)明公開了一種在線場景應用的制作方法及裝置，屬于計算機技術(shù)領(lǐng)域。所述方法包括：當檢測到對第一區(qū)域內(nèi)任一用戶界面組件的拖拽操作時，根據(jù)檢測到的拖拽操作，將用戶界面組件復制后移動到指定在線場景應用制作界面的第二區(qū)域內(nèi)；獲取第二區(qū)域內(nèi)每個用戶界面組件對應的結(jié)構(gòu)代碼及樣式代碼；執(zhí)行第二區(qū)域內(nèi)每個用戶界面組件的對應結(jié)構(gòu)代碼及樣式代碼，得到指定在線場景應用。本發(fā)明在指定在線場景應用制作界面的第一區(qū)域上提供用戶界面組件，無需用戶學習專業(yè)的制作技術(shù)，依據(jù)不同在線場景應用的設(shè)計需求，通過在第二區(qū)域上進行模板的配置、組件的拖拽及微調(diào)整，即可制作出符合用戶需求的在線場景應用，因此，大大地降低了學習成本及制作難度。

技術(shù)領(lǐng)域

本發(fā)明涉及計算機技術(shù)領(lǐng)域，特別涉及一種在線場景應用的制作方法及裝置。

背景技術(shù)

在線場景應用是指利用網(wǎng)頁承載的，滿足不同傳播途徑、運營場景及功能特性的網(wǎng)頁應用。在線場景應用將賦予美感的用戶場景與應用的功能相結(jié)合，在觸發(fā)用戶交互參與的同時，為用戶提供了一種極致簡單的連接和體驗方式。

目前，在線場景應用主要包括HTML(HyperText Markup Language，超級文本標記語言)5場景、網(wǎng)頁版PPT(Power point，演示文稿)及網(wǎng)頁版郵件等。這幾種在線場景應用的制作參見如下方式。

HTML5在線場景應用在制作時，需要專業(yè)的視覺設(shè)計師與前端開發(fā)工程師共同完成。視覺設(shè)計師提供HTML5場景的視覺稿，前端工程師依據(jù)視覺稿制作出所需的UI組件，進而通過對制作的UI組件進行渲染，得到HTML5頁面。

網(wǎng)頁版PPT在制作時，借助開源的Javascript組件(如Reveal.js)制作出網(wǎng)頁版PPT所需的UI組件，進而通過對制作的UI組件進行渲染，得到網(wǎng)頁版PPT。

網(wǎng)頁版郵件在制作時，需要在客戶端中安裝OutLook等軟件，并借助安裝的OutLook等軟件完成。然而受限于Outlook等軟件的性能，制作的網(wǎng)頁版郵件中的內(nèi)容多為簡單的圖文組合，如果制作具有豐富視覺效果的郵件內(nèi)容，則需要專業(yè)的視覺設(shè)計師設(shè)計出郵件模板的視覺稿，并依據(jù)郵件模板的視覺稿制作出所需的UI組件，進而通過對制作的多個UI組件進行渲染，得到具有豐富內(nèi)容的網(wǎng)頁版郵件。

在實現(xiàn)本發(fā)明的過程中，發(fā)明人發(fā)現(xiàn)相關(guān)技術(shù)至少存在以下問題：

現(xiàn)有的在線場景應用制作方法需要具有用戶具有較高專業(yè)制作技術(shù)，該過程學習成本較高，制作難度較大。

發(fā)明內(nèi)容

為了解決相關(guān)技術(shù)的問題，本發(fā)明實施例提供了一種在線場景應用的制作方法及裝置。所述技術(shù)方案如下：

一方面，提供了一種在線場景應用的制作方法，所述方法包括：

在指定在線場景應用制作界面的第一區(qū)域內(nèi)，顯示多個用戶界面組件，每個用戶界面組件對應一個結(jié)構(gòu)代碼及樣式代碼；

當檢測到對所述第一區(qū)域內(nèi)任一用戶界面組件的拖拽操作時，根據(jù)檢測到的拖拽操作，將所述用戶界面組件復制后移動到指定在線場景應用制作界面的第二區(qū)域內(nèi)；

獲取所述第二區(qū)域內(nèi)每個用戶界面組件對應的結(jié)構(gòu)代碼及樣式代碼；

執(zhí)行所述第二區(qū)域內(nèi)每個用戶界面組件的對應結(jié)構(gòu)代碼及樣式代碼，得到指定在線場景應用。

另一方面，提供了一種在線場景應用的制作裝置，所述裝置包括：

顯示模塊，用于在指定在線場景應用制作界面的第一區(qū)域內(nèi)，顯示多個用戶界面組件，每個用戶界面組件對應一個結(jié)構(gòu)代碼及樣式代碼；

移動模塊，用于當檢測到對所述第一區(qū)域內(nèi)任一用戶界面組件的拖拽操作時，根據(jù)檢測到的拖拽操作，將所述用戶界面組件復制后移動到指定在線場景應用制作界面的第二區(qū)域內(nèi)；