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

Abstract

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

Description

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

本發明係有關行動原生應用程式開發之方法及系統。更具體而言，本發明係有關一開發者於開發過程中毋須撰寫程式碼之行動原生應用程式開發之方法與系統。

一行動原生應用程式之一開發平台可增加開發者對於開發環境建立與調校之效率。一開發者通常可以藉由開發環境套件選擇開發框架、版本、並且對於開發之應用軟體進行監控與權限控管。該開發平台中提供大量函式庫以增加應用軟體之開發效率。 該行動原生應用程式之該開發平台通常需包含迅速的環境建置工具、友善的開發者介面及提供多樣的程式函式庫。環境建置工具能夠幫助該開發者不需花費大量時間於環境建置上，友善的開發者介面能夠降低該開發者開發該行動原生應用程式之技術門檻。多樣的程式函式庫則使該開發者能夠加速該行動原生開發應用程式。 該開發者於使用該行動原生應用程式之該開發平台開發該行動原生應用程式前需要受過一定程度之程式開發訓練。例如：該開發者必須對該行動原生應用程式之基礎架構具有一定程度之瞭解，且開發過程中該開發者也需要撰寫程式碼。然而，使用如此的該行動原生應用程式之開發平台進行開發將對該開發者本身設下一較高之技術門檻。

本發明之一方面係有關一種行動原生應用程式開發之方法。該方法提供一開發平台，該開發平台具有一行動原生應用程式模板庫，該行動原生應用程式模板庫包含模版元件。該開發者可透過該開發平台有效率地設計該行動原生應用程式而不需撰寫任何程式碼。 本發明之另一方面係有關一種非暫時性電腦可讀儲存媒體，其用於儲存執行用於該行動原生應用程式開發之方法之指令，用於該行動原生應用程式開發之該方法提供該行動原生應用程式模板之該開發平台，其中該開發者透過該開發平台開發該行動原生應用程式不需要撰寫任何程式碼。 本發明之另一方面係有關一種用於開發該行動原生應用程式之系統，其包含非暫時性電腦可讀儲存媒體，該非暫時性電腦可讀儲存媒體用以儲存指令，該等指令執行用於開發該行動原生應用程式之方法，及一或多個處理器，其經組態以執行該非暫時性電腦可讀儲存媒體之該等指令。

圖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以動態規劃(Dynamic Programming)演算法201蒐集開發者的產業類別、市場規模、功能和非功能性需求，並透過關聯式規則(Association Rules)202自該開發平台109之一行動原生應用程式模版庫203之中推薦最符合開發者需求之一行動原生應用程式模板204。 如圖2所示，動態規劃演算法類似於分治法(Divide and Conquer)演算法，其核心在於以一個問題的答案來相依於子問題，常用來解決求出一最佳解的問題。分治法演算法通常使用上而下(Top-Down)的概念，以遞迴(Recursion)的方式來處理，與分治法演算法不同的地方在於，動態規劃演算法多使用了記憶化(memorization)的機制，將處理過的子問題答案記錄下來以避免重複計算，因此在子問題常重疊的時候使用動態規劃演算法可以解決重覆計算並保留遞迴思考的優點。 關聯式規則，又稱關聯規則，是資料探勘(Data Mining)之一個常見課題，用於從大量數據中挖掘出有價值的數據項之間的相關關係。關聯式規則的任務在於減少潛在的大量雜亂無章的數據，使之成為少量的易於觀察理解的靜態資料。關聯式規則多不考慮項目的次序，而僅考慮其組合。 圖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‧‧‧設定

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為行動原生元件轉換引擎之結構示意圖。

Claims (26)

1. 一種開發一行動原生應用程式之方法，其包含： 提供具有包含行動原生應用程式模板(template)元件之一開發平台；及 透過該開發平台開發該行動原生應用程式， 其中透過該開發平台開發該行動原生應用程式不需要撰寫任何程式碼。
2. 如請求項第1項之方法，其進一步包含： 藉由該開發平台以一動態規劃演算法(Dynamic Programming)蒐集該行動原生應用程式之產業類別需求、市場規模需求、功能需求和非功能性需求；及 藉由該開發平台透過關聯式規則(Association Rules)判定該等行動原生應用程式模板中最符合該行動原生應用程式之需求之一行動原生應用程式模板。
3. 如請求項第1項之方法，其進一步包含： 當開發該行動原生應用程式之後，藉由該開發平台自動將該行動原生應用程式納入該等行動原生應用程式模板庫中，且藉由該開發平台所開發之該行動原生應用程式會變成一新的行動原生應用程式模板。
4. 如請求項第1項之方法，其中該開發平台包含： 一第一部分，其包括行動配置邏輯； 一第二部分，其包括行動原生應用程式變數；及 一第三部分，其包括行動原生應用程式，該行動原生應用程式包括行動原生元件轉換引擎， 其中開發該行動原生應用程式僅需定義行動原生應用程式變數。
5. 如請求項第4項之方法，其中該等行動配置邏輯在該開發平台上處理該行動原生應用程式的參數、邏輯及功能，其包括：資料處理邏輯、頁面呈現邏輯、控制邏輯、系統設定邏輯及多國語系邏輯。
6. 如請求項第4項之方法，其中該等行動原生應用程式變數之每一者係以一資料儲存格式定義之變數，其包括：頁面資訊變數、選單變數、資料處理變數、頁面呈現變數、邏輯控制變數、工作流程變數、系統設定變數及多國語系變數。
7. 如請求項第4項之方法，其中該等行動原生元件轉換引擎依據該等行動配置邏輯產出的配置文件生成該行動原生應用程式，其包括：一資料模型引擎、一頁面呈現引擎、一邏輯控制引擎、一系統設定引擎及一多國語言引擎。
8. 如請求項第5項之方法，其中該等行動配置邏輯可根據一開發者填入的該等行動原生應用程式變數生成能分別與該等行動原生元件轉換引擎中之每一者介接的資料。
9. 如請求項第6項之方法，其中該等頁面資訊變數定義該行動原生應用程式頁面的基本設定，其包括：頁面初始動作設定、主選單顯示隱藏設定、頁面順序。
10. 如請求項第6項之方法，其中該等選單變數定義該行動原生應用程式主選單的設定，其包括：選單寬高設定、樣式模板設定、背景顏色與圖片設定及複數個選單子項目設定。
11. 如請求項第10項之方法，其中該複數個選單子項目設定定義該行動原生應用程式主選單中各項目的設定，其包括：選項文字與圖片設定、互動樣式設定、功能設定及子項目順序設定。
12. 如請求項第6項之方法，其中該等資料處理變數定義在該行動原生應用程式中獲取與處理資料的方法，其包括API URL與參數設定、資料儲存處理、資料獲取前置處理、資料獲取後置處理及例外處理。
13. 如請求項第6項之方法，其中該等頁面呈現變數定義該行動原生應用程式中所有的畫面配置，其包括：原生元件類型、原生元件位置及寬高、原生元件屬性樣式設定及原生元件互動設定。
14. 如請求項第6項之方法，其中該等邏輯控制變數及該等工作流程變數定義該行動原生應用程式之頁面的流程邏輯設計，其等包括：事件流程起始觸發設定、執行動作設定、動作類型與數值定義、動作目標類型與數值定義、流程控制及流程錯誤處理機制。
15. 如請求項第6項之方法，其中該等系統設定變數定義該行動原生應用程式的版本、伺服器位置及其相關設定，其包括伺服器版本控制及資料伺服器位置。
16. 如請求項第6項之方法，其中該等多國語系變數定義行動原生應用程式中的語言顯示，且在完成設定後，行動裝置會依各自語言設定取得相應的語言文字描述。
17. 如請求項第7項之方法，其中該資料模型引擎獲取資料及處理獲取資料所需的方法，其包括解析該等行動配置邏輯產出的資料以動態生成網路資源存取、資料庫存取、記憶體存取及檔案存取的原生元件。
18. 如請求項第7項之方法，其中該頁面呈現引擎處理畫面生成所需的方法並解析該等行動配置邏輯產出的資料，動態生成所有行動原生應用平台的原生畫面元件，且包含快速產生跨產業表單設計之一表單模板。
19. 如請求項第7項之方法，其中該邏輯控制引擎處理該行動原生應用程式與一開發者之互動、流程及商業處理所需的方法，並解析該等行動配置邏輯產出的資料，動態生成所有行動原生應用平台的原生控制元件，同時允許定義每個步驟的商業處理邏輯，並提供完整的資料傳遞。
20. 如請求項第7項之方法，其中該系統設定引擎定義該行動原生應用程式之全域設定、解析行動配置邏輯產出的資料及動態套用個人化設定，其包括：套用行動原生應用程式主題、套用行動原生應用程式主選單、套用行動原生應用程式更新邏輯及伺服器設定。
21. 如請求項第7項之方法，其中該多國語言引擎定義該行動原生應用程式中的語系顯示，並解析行動配置邏輯產出的資料，使該行動原生應用程式可依照行動裝置之語系設定切換顯示的語言。
22. 如請求項第1項之方法，其進一步提供不需要安裝作業系統、資料庫伺服器或行動原生應用程式伺服器之一視覺化介面以供建立該行動原生應用程式。
23. 如請求項第22項之方法，其中該視覺化介面進一步支援一偵錯模式，該偵錯模式可供一開發者在該開發平台即時查看該等行動原生應用程式變數的邏輯錯誤，並直接對該行動原生應用程式進行一單元測試。
24. 如請求項第1項之方法，其進一步包含： 在不發佈（publish）之情況下即時部署（deploy）該行動原生應用程式之一最新版本。
25. 一種非暫時性電腦可讀儲存媒體，其用於儲存執行請求項第1-24項中任一項之方法之指令。
26. 一種行動原生應用程式開發之系統，其包括： 如請求項25之非暫時性電腦可讀儲存媒體；及 一或多個處理器，其經組態以執行儲存於該非暫時性電腦可讀儲存媒體之指令。