TWI694377B - 行動原生應用程式開發平台 - Google Patents

Abstract

本揭露係有關一種開發者毋須寫任何程式碼即可開發行動原生應用程式的雲端或本地端之開發平台。該開發平台支援跨平台(iOS及Android)、跨產業的行動原生應用程式開發，並提供各式模板，方便開發者快速設計行動應用程式的畫面互動及商業流程。透過該開發平台開發的一行動原生應用程式，在更新時不需做任何發佈動作，只要在該開發平台上做更新，所有開發出的該行動原生應用程式皆可同步進行更新。

Description

行動原生應用程式開發平台

本發明係有關行動原生應用程式開發之方法及系統。更具體而言，本發明係有關協助行動應用程式開發者能更精確找出使用者的需求，且推薦開發者符合使用者需求的行動應用程式模版，開發者只需在開發平台上修改行動應用程式模版即可開發出一符合使用者需求的行動原生應用程式，不需進一步開發行動應用程式基礎架構或軟體碼(software coding)之一環境之行動應用程式開發之方法及系統，開發者不需具備iOS及Android的程式能力即可開發出行動原生應用程式，不僅大幅節省開發的時間，亦解決以往行動應用程式開發人才不足之問題。

一行動原生應用程式之一開發平台可增加開發者對於開發環境建立與調校之效率。一開發者通常可以藉由開發環境套件選擇開發框架、版本、並且對於開發之應用軟體進行監控與權限控管。該開發平台中提供大量函式庫以增加應用軟體之開發效率。

該行動原生應用程式之該開發平台通常需包含迅速的環境建置工具、友善的開發者介面及提供多樣的程式函式庫。環境建置工具能夠幫助該開發者不需花費大量時間於環境建置上，友善的開發者介面能夠降低該開發者開發該行動原生應用程式之技術門檻。多樣的程式函式庫則使該開發者能夠加速開發該行動原生應用程式。

該開發者於使用該行動原生應用程式之該開發平台開發該行動 原生應用程式前需要受過一定程度之程式開發訓練。例如：該開發者必須對該行動原生應用程式之基礎架構具有一定程度之瞭解，且開發過程中該開發者也需要撰寫程式碼。然而，使用如此的該行動原生應用程式之開發平台進行開發將對該開發者本身設下一較高之技術門檻。

本發明之一方面係有關一種行動原生應用程式開發之方法。該方法經由雲端計算裝置或本地端計算裝置蒐集使用者需求，以從行動應用程式開發平台的行動應用程式模版庫找出最能滿足該使用者需求之最佳行動應用程式模版，其中不需要進一步開發行動應用程式基礎架構或軟體碼(software coding)，只需在雲端計算裝置或本地端計算裝置上使用開發平台修改行動應用程式模版即可開發出一符合使用者需求的行動原生應用程式。開發平台並會自動將該行動應用程式納入包含一或多個行動應用程式模版之行動應用程式模版庫中。

本發明之另一方面係有關一種非暫時性電腦可讀儲存媒體，其用於儲存執行用於該行動原生應用程式開發之方法之指令，用於該行動原生應用程式開發之該方法蒐集使用者需求，以從行動應用程式開發平台的行動應用程式模版庫找出最能滿足該使用者需求之最佳行動應用程式模版，其中不需要進一步開發行動應用程式基礎架構或軟體碼，只需在雲端計算裝置或本地端計算裝置上使用開發平台修改行動應用程式模版即可開發出一符合使用者需求的行動原生應用程式。

本發明之另一方面係有關一種用於開發該行動原生應用程式之系統，其包含非暫時性電腦可讀儲存媒體，該非暫時性電腦可讀儲存媒體用以儲存指令，該等指令執行用於開發該行動原生應用程式之方 法，及一或多個處理器，其經組態以執行該非暫時性電腦可讀儲存媒體之該等指令。

101:開發者

102:開發者介面

103:模板元件

104:伺服器

105:行動原生應用程式變數

106:行動配置邏輯

107:行動原生應用程式

108:行動原生元件轉換引擎

109:開發平台

110:行動原生應用程式頁面

111:選單

112:行動原生應用程式設定

113:頁面資訊

114:資料處理

115:頁面呈現

116:控制器

117:訊息

118:設定

201:動態規劃演算法

202:關聯式規則

203:行動原生應用程式模板庫

204:行動原生應用程式模板

301:頁面資訊變數

302:選單變數

303:資料處理變數

304:頁面呈現變數

305:邏輯控制變數

306:工作流程變數

307:系統設定變數

308:多國語系變數

401:資料處理邏輯

402:頁面呈現邏輯

403:控制邏輯

404:系統設定邏輯

405:多國語系邏輯

501:資料模型引擎

502:頁面呈現引擎

503:邏輯控制引擎

504:系統設定引擎

505:多國語言引擎

圖1為根據本發明一實施例的一種行動原生應用程式開發之方法及系統之示意圖。

圖2為模板元件之結構示意圖。

圖3為行動原生應用程式變數之結構示意圖。

圖4為行動配置邏輯之結構示意圖。

圖5為行動原生元件轉換引擎之結構示意圖。

圖1為根據本發明一實施例的一種行動原生應用程式開發之方法及系統之示意圖。如圖1所示，虛線所圍之左上方區域為開發者端，虛線所圍之右上方區域為伺服器端，虛線所圍之下方區域為行動裝置端。其中一開發者101可透過一開發者開發介面102利用模板元件103快速設計一行動原生應用程式107及規劃商業流程，在不需撰寫任何程式碼之情況下便可即時開發該行動原生應用程式107之一最新版本。另外，該開發者101可透過該開發者介面102連接至一伺服器104。該伺服器104與模板元件103互動且控制行動原生應用程式變數(Mobile Application Variable)105及行動配置邏輯(Mobile Configuration Logic)106。行動配置邏輯106可與該行動原生應用程式107之行動原生元件轉換引擎(Mobile Native Component Transform Engine)108作用。包括行動原生應用程式變數105、行動配置邏輯106、該行動原生應用程式107及行動原生元件轉換引擎108之一開發平台109可被建構成一個易懂、具彈性、可重複使用的整合性開發平台。該開發者101僅需定義行動原生應用程式變數105即可進行開發，在行動配置邏輯106的基礎上即時更新最新版本的該行動原生應用程式107，並透過行 動原生元件轉換引擎108呈現最新版本的該行動原生應用程式107。

行動原生元件轉換引擎108可定義應用程式頁面110、選單111及應用程式設定112。應用程式頁面110可設定頁面資訊113、進行資料處理114、處理頁面呈現115且包含一控制器116。當頁面資訊113、資料處理114、頁面呈現115之其中兩者需要互動時，可透過該控制器116進行互動。應用程式設定112可處理訊息117及設定118。類似地，可透過該控制器116使訊息117及設定118進行互動。該控制器116可將該開發者101設定完成之行動原生元件轉換引擎108傳回給該伺服器104。經該開發者101藉由該開發平台109開發後之該行動原生應用程式107會變成一新的行動原生應用程式模板。

該開發平台109支援跨平台(iOS及Android)、跨產業的行動原生應用程式開發，並提供各式行動原生應用程式模板，方便該開發者101快速設計該行動原生應用程式107的畫面互動及商業流程。透過該開發平台開發的該行動原生應用程式107，更新上不需做任何發佈(publish)動作，只要在該開發平台109上做更新，所有開發出的該行動原生應用程式107皆可同步進行更新。

以該開發平台109開發出的該行動原生應用程式107將擁有所有行動原生應用程式的特性，包括有最佳的執行效率、可使用裝置各式感應器及具備離線操作功能(一般網頁程式無法離線操作)，整體上與一般開發的行動原生應用程式無異，且可經過最佳化處理。最佳化處理包括但不限於以下：在畫面配置上，只需一次設定，即可在不同解析度、螢幕大小下呈現相同設計比例的畫面；在網路資料存取上，不需多做設定，該行動原生應用程式107會自動以背景多執行緒的方式進行，以最有效率的方式獲取所有網路資料；在該行動原生應用程式107的使用介面(UI)之互動上，該UI之回應時間將被最小化，所有UI元件都能即時接收與回應該行動原生應用程式107的使用者的動作， 不會有延遲；及在記憶體管理上，以最小的記憶體做最大的應用，記憶體區塊將被重複利用，並且促使系統回收不需使用的部分，不造成記憶體洩漏(Memory Leak)。關於畫面配置只需一次設定就可在不同解析度、螢幕大小下呈現相同設計比例的畫面，舉例而言，有別於一般直接給定特定數值之作法，該開發者101設定應用程式元件的大小、位置、長寬時使用百分比做設定。例如：寬設50%，呈現出來的寬會是螢幕寬度的50%。

於本發明之一實施例中，該行動原生應用程式107之該開發平台109係使用雲端技術，雲端技術係指從遠端執行以及透過網際網路存取的電腦和應用程式。在雲端技術中，虛擬機器在大型資料中心內執行並取代實體之電腦和伺服器。而藉由將許多開發者101的運算需要彙總到單一資料中心內，雲端技術可產生諸如更低的電源耗用量、更簡單的安裝和維護作業，以及更方便進行容量和效能升級等明顯的成效。該開發者101於本地端桌上型電腦或伺服器開發，無需發佈便可即時部署(deploy)行動原生應用程式107之最新版本至雲端上。於本發明之另一實施例中，本案之該行動原生應用程式107之該開發平台109亦可不使用雲端技術而於一本地端電腦實現。

於本發明之一實施例中，該模板元件103中具有一行動原生應用程式模板庫203，該行動原生應用程式模板庫203中之行動原生應用程式模板204可來自於該開發者101先前透過該開發平台109開發之行動原生應用程式，例如：當該開發者101完成一特定行動原生應用程式之開發後，該開發平台109即會自動將該特定行動原生應用程式納入該行動原生應用程式模板庫203中以作為一新行動原生應用程式模板204。未來在同一開發者或另一開發者開發產業類別、市場規模、功能和非功能性需求與該特定行動原生應用程式相似之一行動原生應用程式時，該開發平台109即可透過關聯式規則自該模板元件103之行動 原生應用程式模板庫203之中推薦符合開發者需求之該特定行動原生應用程式模板204，以增加開發行動原生應用程式之效率。

圖2為圖1之模板元件103之結構示意圖。如圖2所示，於本發明之一實施例中，該開發平台109用於蒐集使用者需求的問題集以動態規劃演算法201來蒐集使用者的一或多個產業類別、一或多個市場規模、一或多個功能和非功能性需求，並透過關聯式規則202自該開發平台109之一行動應用程式模版庫203之中推薦給開發者最符合使用者需求之一行動原生應用程式模板204。

過去要開發出一個行動應用程式最困難的地方在於，無法精準掌握使用者的需求，導致開發出來的行動應用程式不符所需，需要再耗費大量人力資源和時間成本修改。為解決此問題，本發明以動態規劃演算法蒐集使用者需求，依一個使用者需求問題的答案來相依於子問題(根據使用者的回答產生下一個蒐集需求的問題)，以遞迴的方式求出一最佳解(使用者需求)。

而本發明之一實施例中，該開發平台中具有一或多個行動應用程式模板庫，該一或多個行動應用程式模板庫中之複數個行動應用程式模板可來自於開發者先前透過此平台開發之行動應用程式，例如：當開發者完成一特定行動應用程式之開發後，該開發平台即會自動將該特定行動應用程式納入該一或多個行動應用程式模板庫中以作為一新行動應用程式模板。

這些行動應用程式模板可以對應到其原始透過動態演算法得到的使用者需求，這些需求便在此平台被定義為特徵，亦即一個行動應用程式模板是對應到一或多個特徵。所以未來當開發者欲開發一新行動應用程式時，此平台透過動態演算法找到產業類別、市場規模、功能和非功能性需求的特徵，接著平台透過關聯規則演算法，在一或多個行動應用程式模板庫之中找出特徵關聯性最高的行動應用程式模 板，推薦給開發者以增加開發行動應用程式之效率。

圖3為圖1之行動原生應用程式變數105之結構示意圖。行動原生應用程式變數105係指以資料儲存格式定義開發該行動原生應用程式107之變數。如圖3所示，於本發明之一實施例中，行動原生應用程式變數105可包括：頁面資訊(Page Information)變數301、選單變數(Menu Variable)302、資料處理變數(Data Process Variable)303、頁面呈現變數(Page View Variable)304、邏輯控制變數(Logic Controller Variable)305、工作流程變數(Process Flow Variable)306、系統設定變數(System Configuration Variable)307及多國語系變數(Multi-Language Variable)308。

頁面資訊變數301定義了行動原生應用程式107頁面的基本設定。其主要包括：頁面初始動作(Initial Page Action)、主選單顯示隱藏設定(Show/Hide Menu Setting)及頁面順序(Page Order)。

選單變數302定義了行動原生應用程式107主選單的設定。其主要包括：選單寬高設定(Menu Width and Height Setting)、樣式模板設定(Template Setting)、背景顏色與圖片設定(Background Color and Image Setting)及選單子項目設定(Menu Item Setting)。選單子項目(Menu Item)則定義了主選單中各項目的設定，其主要包括：子選項文字與圖片設定(Item Text and Image Setting)、互動樣式設定(Interactive Pattern Setting)、子項目動作設定(Item Action Setting)及子項目順序設定(Item Order Setting)。

資料處理變數303定義了行動原生應用程式107中資料獲取與處理的方法。其主要包括：API URL與參數設定(URL and Parameters Settings for API)、資料儲存處理(Handle Data Storage)、資料獲取前置處理(Handle before receive data)、資料獲取後置處理(Handle after receive data)及例外處理(Handle Exception)。

頁面呈現變數304定義了行動原生應用程式107中所有的畫面配置。其主要包括：原生元件類型(Native Component Type)、原生元件位置及寬高(Native Component Position,Width and Height)、原生元件屬性樣式設定(Native Component Attributes Setting for Native Component Setting)及原生元件互動設定(Native Component Interaction Setting)。

邏輯控制變數305及工作流程變數306定義了行動原生應用程式107頁面的流程邏輯設計。其等主要包括：事件流程起始觸發設定(Timing)、執行動作設定(Action Setting)、動作類型與數值定義(Action Type and Value Definition)、動作目標類型與數值定義(Target Type and Value Definition)、流程控制(Flow Control)及例外處理(Handle Exception)。

系統設定變數307定義了行動原生應用程式107的版本、伺服器位置及其相關設定。其主要包括：伺服器版本控制(Server Version Control)及資料伺服器位置(Data Host URL)，可讓該開發者自由切換服務端伺服器。

多國語系變數308定義了行動原生應用程式107中的語言顯示。完成設定後，行動裝置會依各自語言設定取得相應的語言文字描述。

圖4為圖1之行動配置邏輯106之結構示意圖。行動配置邏輯106係指部署在開發平台109上，用來處理行動該原生應用程式107的參數、邏輯及功能。如圖4所示，於本發明之一實施例中，行動配置邏輯106包括：資料處理邏輯(Data Process Logic)401、頁面呈現邏輯(Page View Logic)402、控制邏輯(Controller Logic)403、系統設定邏輯(System Configuration Logic)404及多國語系邏輯(Multi-Language Logic)405等。

圖5為圖1之行動原生元件轉換引擎108之結構示意圖。行動原生 元件轉換引擎108依據行動配置邏輯106產出的配置文件，以純原生程式碼快速動態生成完整的行動原生應用程式107。行動原生元件轉換引擎108兼具速度與彈性，擁有最佳的開發者體驗。如圖5所示，於本發明之一實施例中，行動原生元件轉換引擎108可包括：資料模型引擎(Data Model Engine)501、頁面呈現引擎(Page View Engine)502、邏輯控制引擎(Logic Controller Engine)503、系統設定引擎(System Configuration Engine)504及多國語言引擎(Multi-Language Engine)505。資料處理邏輯401、頁面呈現邏輯402、控制邏輯403、系統設定邏輯404及多國語系邏輯405會根據開發者填入的行動原生應用程式變數105，快速生成能分別與行動原生元件轉換引擎108中的『資料模型引擎501』、『頁面呈現引擎502』、『邏輯控制引擎503』、『系統設定引擎504』及『多國語系引擎505』介接的資料。

資料模型引擎501獲取資料及處理獲取資料所需的方法，其主要負責：解析行動配置邏輯106產出的資料，及動態生成網路資源存取(Network Resources Access)、資料庫存取(Database Access)、記憶體存取(Memory Access)及檔案存取(File Access)的原生元件。

頁面呈現引擎502處理畫面生成所需的方法，並解析行動配置邏輯106產出的資料，動態生成所有iOS及Android的原生畫面元件(Native Layout and View Component)。另外頁面呈現引擎502也包含表單模板(Form Template)以快速產生跨產業的行動原生表單(Mobile Native Form)。

邏輯控制引擎503處理該行動原生應用程式107與該開發者101之互動、流程及商業處理所需的方法，並解析行動配置邏輯106產出的資料，動態生成所有iOS及Android的原生控制元件(Native Controller Component)。其中互動主要包括：點擊事件(Click)、長按(Long Click)、雙擊(Double Click)、多點觸碰(Multiple Touch)、拖移 (Drag)、滑動(Swipe)及捲動(Scroll)。流程主要包括：換頁(Jump)、堆疊新頁(Push)及移除頁面(Pop)。邏輯控制引擎503同時允許定義每個步驟的商業處理邏輯，並提供完整的資料傳遞(Data Passing)。

系統設定引擎504定義該行動原生應用程式107之全域設定、解析行動配置邏輯106產出的資料及動態套用個人化設定。其主要包括：套用應用程式主題(Theme)、套用應用程式主選單(Main Menu)、套用應用程式更新邏輯(Application Update)及伺服器設定(Server Setting)。

多國語言引擎505定義行動原生應用程式中的語系顯示，並解析行動配置邏輯106產出的資料，使行動原生應用程式107可依照行動裝置之語系設定切換顯示的語言。

於本發明之一實施例中，該開發平台109提供一視覺化介面以供該開發者進行以下步驟：選擇行動原生應用程式模板、設計商業程序和工作流程及設計頁面版面，從而建立整個行動原生應用程式107。且透過雲端技術之一應用，使用此介面不需要另外購買、擴充或維護硬體，亦不需要另行安裝作業系統、資料庫伺服器或行動原生應用程式伺服器。該視覺化介面可支援一偵錯模式，該偵錯模式進一步提供該開發者一快速方法，以在該開發平台109上即時查看行動原生應用程式變數105之邏輯錯誤，讓該開發者101可有效率地直接對行動原生應用程式107進行單元測試。在釋出行動原生應用程式107後，亦可透過該開發平台109查看開發者使用情形統計數據及即時的錯誤(bug)報告。

雖然已參考本發明之特定實施例描述並說明本發明，但此等描述及說明並不限制本發明。熟習此項技術者應理解，在不脫離如所申請專利範圍界定之本發明的真實精神及範圍之情況下，可做出各種改變且可用等效物替代。本發明中之再現與實際設備之間可存在區別。 可存在並未特定說明之本發明的其他實施例。應將本說明書及圖式視為說明性而非限制性的揭露。可對本說明書所揭露之實施例做出修改，以使特定情況或方法符合本發明之目標、精神及範圍。所有此類修改都意欲屬於在此申請專利範圍之範圍內。雖然本文揭示之方法已參考按特定次序執行之特定操作加以描述，但應理解，可在不脫離本發明之教示之情況下組合、細分或重新排序這些操作以形成等效方法。因此，除非本文中特別指示，否則操作之次序及分組並非本發明之限制。

101‧‧‧開發者

102‧‧‧開發者介面

103‧‧‧模板元件

104‧‧‧伺服器

105‧‧‧行動應用程式變數

106‧‧‧行動配置邏輯

107‧‧‧行動原生應用程式

108‧‧‧行動原生元件轉換引擎

109‧‧‧開發平台

110‧‧‧應用程式頁面

111‧‧‧選單

112‧‧‧應用程式設定

113‧‧‧頁面資訊

114‧‧‧資料處理

115‧‧‧頁面呈現

116‧‧‧控制器

117‧‧‧訊息

118‧‧‧設定

Claims (4)

1. 一種開發一行動原生應用程式之方法，其包含：提供具有包含多個行動配置邏輯、多個行動原生應用程式變數、多個行動原生元件轉換引擎和包含一或多個行動應用程式模版之行動應用程式模版庫之一開發平台；及透過該開發平台開發該行動原生應用程式，其中該開發平台透過一雲端計算裝置或一本地端計算裝置蒐集使用者需求，以從該一或多個行動應用程式模版庫找出最能滿足該使用者需求之一最佳行動應用程式模版，不需要進一步開發應用程式基礎架構或軟體碼(software coding)，只需在該雲端計算裝置或該本地端計算裝置上使用該開發平台設定該等行動原生應用程式變數來修改一行動應用程式模版即可開發出一符合使用者需求的行動應用程式，且其中該開發平台會自動將該行動應用程式納入包含一或多個行動應用程式模版之行動應用程式模版庫中。
2. 如請求項第1項之方法，其進一步包含：經由該雲端計算裝置或該本地端計算裝置使用一組問題集蒐集一或多個使用者需求，其包含：一或多個產業類別需求、一或多個市場規模需求、一或多個功能需求和一或多個非功能性需求，其中該組問題集以動態規劃演算法為基礎，根據使用者的答案，動態地於該組問題集中挑選下一個題目，以更精確描繪出該使用者需求之特徵；及 經由該雲端計算裝置或該本地端計算裝置藉由使用關聯式規則，在該一或多個行動應用程式模板庫之中找出特徵關聯性最高的行動原生應用程式模板，並將該行動應用程式模板推薦給該使用者。
3. 一種非暫時性電腦可讀儲存媒體，其用於儲存執行請求項第1-2項中任一項之方法之指令。
4. 一種行動原生應用程式開發之系統，其包括：如請求項3之非暫時性電腦可讀儲存媒體；及一或多個處理器及相關聯之雲端計算裝置或本地端計算裝置，其經組態以執行儲存於該非暫時性電腦可讀儲存媒體之指令。

Images