[發(fā)明專利]基于H5技術的APP虛擬原型制作平臺、制作方法及模擬方法

在審

• 申請?zhí)枺?/td>: 201810433051.1
• 申請日: 2018-05-08
• 公開（公告）號: CN108804090A
• 公開（公告）日: 2018-11-13
• 發(fā)明（設計）人: 張弢;李艾倫;樊星;王孜航;汪少卿
• 申請（專利權）人: 張弢;李艾倫;樊星;王孜航;汪少卿
• 主分類號: G06F8/30
• 分類號: G06F8/30;G06F8/38
• 代理公司: 西安智邦專利商標代理有限公司 61211
• 代理人: 汪海艷

本發(fā)明涉及一種基于H5技術實現模擬APP的運行，具體涉及一種基于H5技術的APP虛擬原型制作平臺、制作方法及模擬方法，利用H5頁面在線模擬APP運行，提出一種基于H5技術的“偽APP”概念，并搭建“偽APP”平臺，與傳統(tǒng)H5模板平臺不同，該平臺能實現用H5頁面模擬APP，通過點擊先前預設置的按鈕標識實現H5頁面的跳轉，模擬APP的使用場景。在APP的開發(fā)流程體系中引入“制作虛擬原型”這一關鍵步驟，克服APP開發(fā)面臨著潛在需求者數量龐大與開發(fā)成本高昂之間的矛盾，主要針對需要在融資路演、雙創(chuàng)賽事、眾籌展示、廣告宣傳、市值評估、市場調研中提供新型概念展示的創(chuàng)業(yè)團隊以及需要開發(fā)APP的集體。

技術領域

本發(fā)明涉及一種基于H5技術實現模擬APP的運行，具體涉及一種基于H5技術搭建的APP虛擬原型制作平臺、制作方法及模擬方法。

背景技術

隨著智能手機的普及，2018年中國移動互聯網市場規(guī)模將突破8萬億元。在龐大用戶群體的需求刺激下，移動互聯網應用開發(fā)市場規(guī)模呈現持續(xù)增長態(tài)勢。

當前，移動應用APP的開發(fā)主要有兩種方式：完全外包給技術團隊與利用在線平臺自行制作。

其中外包團隊主要靠軟件編程的方式實現，完全外包制作APP價格最低15萬元，且上架后維護費用高，多數創(chuàng)業(yè)團隊難以承受外包制作高成本。整體存在制作周期長、風險大、成本高昂等弊端，阻礙初創(chuàng)團隊融資路演、眾籌展示、市場調查、廣告宣傳的發(fā)展進程。

利用在線平臺自行制作主要依靠代碼庫的源代碼進行拼湊，在線平臺制作成本低，但功能單一，無法完成用戶與界面的互動公司，難以通過在線平臺達成預期效果，僅適宜初創(chuàng)團隊的前期試用，無法滿足更高的使用需求。而定制類在線制作成本仍舊高昂，一般價位在15000-60000元。

以上兩種方式的APP開發(fā)流程體系主要包括從“理論原型”直接到“成熟產品”的過程，即當完全外包給技術團隊時，技術外包團隊從開發(fā)需求方獲取APP理論原型，然后根據理論原型直接完成成熟產品；當利用在線平臺自行制作時，也是從理論原型直接開發(fā)成熟產品；開發(fā)技術風險高，在開發(fā)過程中不可避免的出現開發(fā)的產品與理論原型不符的問題，需要返回調整，造成APP開發(fā)過程的空檔期較長，錯失時機，且增加成本，同時也會帶來開發(fā)需求方與技術外包團隊之間的溝通成本較高等問題。

發(fā)明內容

為了解決采用傳統(tǒng)APP開發(fā)流程體系造成的APP開發(fā)周期長、成本高等問題，本發(fā)明提供一種基于H5技術搭建的APP虛擬原型制作平臺及制作方法，在APP的開發(fā)流程體系中引入“制作虛擬原型”這一關鍵步驟，克服APP開發(fā)面臨著潛在需求者數量龐大與開發(fā)成本高昂之間的矛盾，主要針對需要在融資路演、雙創(chuàng)賽事、眾籌展示、廣告宣傳、市值評估、市場調研中提供新型概念展示的創(chuàng)業(yè)團隊以及需要開發(fā)APP的集體。

html5(以下簡稱H5)作為萬維網的核心語言、標準通用標記語言的下一個應用超文本標記語言，存在著巨大的潛力與開發(fā)價值。但是目前所涉及的領域卻僅僅停留在電子邀請函，海報，宣傳冊等為了提高宣傳效果的領域；且目前H5的相關在線平臺，都只將H5作為一種提高宣傳力、產品交互性的工具。

而本發(fā)明利用H5頁面在線模擬APP運行，提出一種基于H5技術的“偽APP”概念，并搭建“偽APP”平臺，與傳統(tǒng)H5模板平臺不同，該平臺能實現用H5頁面模擬APP，通過點擊先前預設置的按鈕標識實現H5頁面的跳轉，模擬APP的使用場景。

具體的，本發(fā)明的技術解決方案是提供一種基于H5技術搭建的APP虛擬原型制作平臺，其特殊之處在于，包括計算機可讀存儲介質，其上存儲有計算機程序，計算機程序包括H5頁面基本框架創(chuàng)建程序、按鈕標識嵌入程序、頁面要素填充程序與指令程序；頁面要素包括文本和圖片；上述指令程序包括頁面切換程序；

用HTML5+CSS編寫H5頁面基本框架創(chuàng)建程序；

通過HTML5、CSS、javascript語言編寫頁面要素填充程序；