TW202319910A - Development platfrom of mobile native application forms - Google Patents
Development platfrom of mobile native application forms Download PDFInfo
- Publication number
- TW202319910A TW202319910A TW110140532A TW110140532A TW202319910A TW 202319910 A TW202319910 A TW 202319910A TW 110140532 A TW110140532 A TW 110140532A TW 110140532 A TW110140532 A TW 110140532A TW 202319910 A TW202319910 A TW 202319910A
- Authority
- TW
- Taiwan
- Prior art keywords
- item
- mobile application
- title
- application form
- electronic mobile
- Prior art date
Links
Images
Landscapes
- Stored Programmes (AREA)
Abstract
Description
本發明細有關電子行動原生應用程式表單開發之方法及系統。開發者只需再開發平台上修改表單模板即可開發出一符合使用者需求的行動原生應用程式表單,並提供各式模板,方便開發者快速設計電子行動應用程式表單,搭配電子行動應用程式表單轉換套件,開發者只需撰寫極少的程式碼即可將表單嵌入電子行動應用程式中。電子行動應用程式開發之過程往往會遇到需要開發多個表單的情形,程式開發者需要花費大量的時間在將表單電子化的過程,因此本發明提供電子行動應用程式表單開發架構,透過此架構可以大幅節省表單開發時間,更甚者可以將開發表單之工作交給其他人員,解決以往電子行動應用程式開發人才不足之問題。The present invention relates to a method and system for electronic mobile native application form development. Developers only need to modify the form template on the development platform to develop a mobile native application form that meets the user's needs, and provide various templates to facilitate developers to quickly design electronic mobile application forms and match electronic mobile application forms A conversion kit that allows developers to embed forms into electronic mobile applications with minimal coding. The process of developing electronic mobile application programs often encounters the need to develop multiple forms, and program developers need to spend a lot of time in the process of electronicizing the forms. Therefore, the present invention provides an electronic mobile application form development framework. Through this framework It can greatly save the time for form development, and what's more, the work of developing forms can be handed over to other personnel, which solves the problem of insufficient talents in the development of electronic mobile applications in the past.
行動原生應用程式表單開發平台通常須包含電子行動應用程式表單轉換套件,友善的開發者介面及提供多樣的表單元件及表單模板庫。表單轉換套件能夠幫助開發者不需花費時間開發行動原生應用程式端即可透過表單開發平台提供之表單輸出介面快速產生行動原生應用程式表單,友善的開發者介面能夠降低開發者使用行動原生應用程式表單開發平台之技術門檻,多樣的表單元件及表單模板庫則使開發者能夠加速開發該行動原生應用程式表單。A mobile native application form development platform usually includes an electronic mobile application form conversion kit, a friendly developer interface, and provides a variety of form components and form template libraries. The form conversion kit can help developers to quickly generate mobile native application forms through the form output interface provided by the form development platform without spending time developing mobile native applications. The friendly developer interface can reduce developers' use of mobile native applications The technical threshold of the form development platform, a variety of form components and form template libraries enable developers to speed up the development of mobile native application forms.
使用該行動原生應用程式表單開發平台開發表單之該開發者毋須熟悉行動原生應用程式之基礎架構,但將該表單嵌入行動原生應用程式之該開發者需調該行動原生應用程式之基礎架構具有一定程度之了解,且開發過程中該開發者需需要撰寫少許程式碼。然而,使用如此的該行動原生應用程式表單之開發平台進行開發可大幅降低行動原生應用程式表單開發者之技術門檻。The developer who develops the form using the mobile native application form development platform does not need to be familiar with the basic structure of the mobile native application, but the developer who embeds the form into the mobile native application needs to adjust the basic structure of the mobile native application. level of understanding, and the developer needs to write a little code during the development process. However, using such a development platform of the mobile native application form for development can greatly reduce the technical threshold for developers of the mobile native application form.
本發明之一方面系有關一種行動原生應用程式表單開發之方法。該方法係在雲端計算裝置或本地計算裝置上使用表單元件創建新的表單亦或是修改從表單模板庫中挑選的表單,其中不需要進一步撰寫電子行動應用程式碼即可開發出一符合使用者需求的行動原生應用程式表單。開發平台並會自動將該表單納入該一或多個表單模板庫中。One aspect of the present invention relates to a method for developing a mobile native application form. The method is to create a new form or modify a form selected from a form template library using form elements on a cloud computing device or a local computing device, wherein no further writing of electronic mobile application code is required to develop a user-friendly Required mobile native application form. The development platform will automatically include the form into the one or more form template libraries.
本發明之另一方面係有關一種非暫時性電腦可讀儲存媒體,其用於儲存執行用於該行動原生應用程式表單開發之方法之指令,其不需要進一步開發電子行動應用程式基礎架構或軟體碼,只需在雲端計算裝置或本地端計算裝置上使用開發平台修改電子行動應用程式表單模版即可透過行動原生應用程式表轉換套件產生出一符合使用者需求的行動原生應用程式表單。Another aspect of the present invention relates to a non-transitory computer readable storage medium for storing instructions for executing the method for the mobile native application form development, which does not require further development of electronic mobile application infrastructure or software Code, only need to use the development platform on the cloud computing device or the local computing device to modify the electronic mobile application form template to generate a mobile native application form that meets the user's needs through the mobile native application form conversion kit.
本發明之另一方面係有關一種用於開發該行動原生應用程式表單之系統,其包含非暫時性電腦可讀儲存媒體,該非暫時性電腦可讀儲存媒體用以儲存指令,該等指令執行用於開發該行動原生應用程式表單之方法,及一或多個處理器,其經組態以執行該非暫時性電腦可讀儲存媒體之該等指令。Another aspect of the present invention relates to a system for developing the mobile native application form, which includes a non-transitory computer-readable storage medium for storing instructions for executing the instructions. A method for developing the mobile native application form, and one or more processors configured to execute the instructions of the non-transitory computer readable storage medium.
圖1為根據本發明一實施例的一種行動原生應用程式表單開發之方法及系統之示意圖。如圖1所示,本發明係關於一種行動電子應用程式表單之開發平台12。表單開發平台使用者10可透過一視覺化介面11使用行動電子應用程式表單開發模組快速設計電子應用程式表單,不需要開發任何電子應用程式基礎架構或程式碼之情況下便可開發電子行動應用程式表單14。於平台上將表單開發完成後,可透過平台中之電子行動應用程式表單輸出介面15將表單輸出,並由安裝於電子行動應用程式19中之電子行動應用程式轉換套件20接收該輸出結果,即可將該開發於平台上之表單轉換為電子行動原生應用程式表單並呈現在行動裝置上。FIG. 1 is a schematic diagram of a method and system for developing a mobile native application form according to an embodiment of the present invention. As shown in FIG. 1 , the present invention relates to a
該開發平台12支援跨平台(iOS及Android)的行動原生應用程式表單開發,並提供各式電子行動應用程式表單模板16及電子行動應用程式表單元件17,方便開發者10快速設計並產生電子行動應用程式表單14。透過該開發平台開發的行動原生應用程式表單14,只要在該開發平台12上做更新,所有開發出的表單皆會同步進行更新,電子行動應用程式使用者無需重新下載電子行動應用程式。The
以該開發平台12開發出的電子行動應用程式表單14將擁有所有行動原生應用程式的特性,整體上與一般開發的行動原生應用程式無異,且經過最佳化處理,比起一般網頁表單有更好的使用體驗。最佳化處理包括但不限於以下:在畫面配置上,只需一次設定,即可在不同解析度、螢幕大小下呈現相同設計比例的畫面;在該電子行動應用程式表單的使用介面(UI)之互動上,該UI之回應時間將被最小化,所有表單元件都能即時接收與回應該表單使用者的動作,不會有延遲。關於畫面配置只需一次設定就可在不同解析度、螢幕大小下呈現相同設計比例的畫面,舉例而言,有別於一般直接給定特定數值之作法,該開發者10設定表單元件的大小、長寬時使用百分比做設定。例如:寬設50%,呈現出來的寬會是螢幕寬度的50%。The electronic mobile
圖2為圖1之電子行動應用程式表單開發模組13之結構示意圖。如圖2所示,於本發明之一實施例中,該模組13包含以下三大部分,其中包括一電子行動應用程式表單模板庫16、一或多個電子應用程式表單元件17及一或多個標準化元件18。在以該開發平台12開發一電子行動應用程式表單之過程中,開發者10可使用一或多個電子行動應用程式表單元件17組成一電子行動應用程式表單14,並在該一或多個標準化元件18的基礎之上,無須進行程式碼開發便可即時部署所開發之電子行動應用程式表單之最新版本。該電子行動應用程式表單模板庫16中之電子行動應用程式表單可來自於開發者10先前透過該開發平台12開發之電子行動應用程式表單,例如:當開發者10完成一特定電子行動應用程式表單開14發後,該開發平台12即會自動將該特定電子行動應用程式表單14納入該電子行動應用程式表單模板庫16中以作為一新表單模板。未來在同一開發者或另一開發者使用該表單開發平台12開發類似功能與架構之表單時,可從該電子行動應用程式表單模板庫16中挑選符合需求之表單作為基礎進行開發,以增加開發電子行動應用程式表單14之效率。FIG. 2 is a schematic structural diagram of the electronic mobile application
圖3顯示電子行動應用程式表單元件17之結構示意圖。電子行動應用程式表單元係指用於組成電子行動應用程式表單之元件。如圖3所示,於本發明之一實施例中,該等電子行動應用程式表單元件17可包括:文字標籤元件171、文字輸入欄位元件172、日期輸入欄位元件173、時間輸入欄位元件174、複選框欄位元件175、下拉選單欄位元件176、檔案上傳元件177。FIG. 3 shows a schematic diagram of the structure of the electronic mobile
該文字標籤元件171用於顯示該電子行動應用程式表單中不可修改之文字,且進一步包含以下可自訂變數:一欄位標題(Title)、一寬度佔比(Width%)、一文字內容(Value)。The
該文字輸入欄位元件172用於該電子行動應用程式表單中由使用者自行輸入之文字欄位,此欄位對於使用者輸入內容除最大字元數外沒有任何限制,且進一步包含以下可自訂變數:一欄位標題(Title)、一寬度佔比(Width%)、一高度佔比(Height%)、一提示文字內容(Hint)、一最大字元數限制(Max Length)。The text
該日期輸入欄位元件173用於該電子行動應用程式表單中由使用者自行輸入之日期欄位,此欄位輸入日期之方式符合各行動裝置作業系統使用習慣,且進一步包含以下可自訂變數:一欄位標題(Title)、一寬度佔比(Width%)、一預設日期(Default Value)。The date
該時間輸入欄位元件174用於該電子行動應用程式表單中由使用者自行輸入之時間欄位,此欄位輸入時間之方式符合各行動裝置作業系統使用習慣,且進一步包含以下可自訂變數:一欄位標題(Title)、一寬度佔比(Width%)、一時間格式(Format)、一預設時間(Default Value)。The time
該複選框欄位元件175用於顯示該電子行動應用程式表單中由使用者勾選一或多個項目之欄位,且進一步包含以下可自訂變數:一欄位標題(Title)、一寬度佔比(Width%)、一或多個項目內容(Items)。The check
該下拉選單欄位元件176用於顯示該電子行動應用程式表單中由使用者從一或多個項目中選擇其中之一選項之欄位,且進一步包含以下可自訂變數:一欄位標題(Title)、一寬度佔比(Width%)、一或多個項目內容(Items)。The drop-down
該檔案上傳元件177用於讓該電子行動應用程式表單使用者從本地端上傳一或多個檔案到伺服器,且進一步包含以下可自訂變數:一欄位標題(Title)、一寬度佔比(Width%)、是否允許上傳多個檔案(Allow Multiple Files)。The
圖4顯示標準化元件之18之結構示意圖。標準化元件18係指部署於開發平台中用來執行該電子行動應用程式表單之必要元件。如圖4所示,於本發明之一實施例中,標準化元件18包括:一或多個電子行動應用程式表單呈現邏輯181及一或多個資料庫存取邏輯182等。FIG. 4 shows a schematic diagram of the structure of standardized
於本發明之一實施例中,表單開發平台提供標準化元件於使用者視覺化介面內,該使用者視覺化介面可執行以下步驟:建立新表單或從表單模板庫中挑選最適切之模板、於表單中新增或刪除行動電子應用程式表單元件,從而完成一符合使用者需求之電子行動應用程式表單。如此之一介面使用雲端技術且不需要另外購買、擴充或維護硬體,讓表單開發平台使用者可直接使用該平台進行電子行動應用程式表單之開發。In one embodiment of the present invention, the form development platform provides standardized components in the user visual interface, and the user visual interface can perform the following steps: create a new form or select the most suitable template from the form template library, Add or delete mobile electronic application form elements in the form, so as to complete an electronic mobile application form that meets user needs. Such an interface uses cloud technology and does not require additional purchase, expansion, or maintenance of hardware, so that users of the form development platform can directly use the platform to develop electronic mobile application forms.
雖然已參考本發明之特定實施例描述並說明本發明,但此等描述及說明並不限制本發明。熟習此項技術者應理解,在不脫離如所申請專利範圍界定之本發明的真實精神及範圍之情況下,可做出各種改變且可用等效物替代。本發明中之再現與實際設備之間可存在區別。可存在並未特定說明之本發明的其他實施例。應將本說明書及圖式視為說明性而非限制性的揭露。可對本說明書所揭露之實施例做出修改,以使特定情況或方法符合本發明之目標、精神及範圍。所有此類修改都意欲屬於在此申請專利範圍之範圍內。雖然本文揭示之方法已參考按特定次序執行之特定操作加以描述,但應理解,可在不脫離本發明之教示之情況下組合、細分或重新排序這些操作以形成等效方法。因此,除非本文中特別指示,否則操作之次序及分組並非本發明之限制。While the invention has been described and illustrated with reference to particular embodiments of the invention, such description and illustration do not limit the invention. It will be understood by those skilled in the art that various changes may be made and equivalents may be substituted without departing from the true spirit and scope of the invention as defined by claimed claims. There may be a difference between the reproduction in the present invention and the actual device. There may be other embodiments of the invention not specifically described. The specification and drawings are to be regarded as illustrative rather than restrictive disclosures. Modifications may be made to the embodiments disclosed in this specification to bring a particular situation or approach to the objective, spirit and scope of the invention. All such modifications are intended to come within the scope of this patent application. Although methods disclosed herein have been described with reference to particular operations performed in a particular order, it should be understood that such operations may be combined, subdivided, or reordered to form equivalent methods without departing from the teachings of the invention. Thus, unless otherwise indicated herein, the order and grouping of operations is not a limitation of the invention.
10:開發者10: Developer
11:開發者介面11:Developer interface
12:開發平台12:Development platform
13:電子行動應用程式表單開發模組13: Electronic mobile application form development module
14:電子行動應用程式表單14: Electronic mobile application form
15:電子行動應用程式表單輸出介面15: Electronic mobile application form output interface
16:電子行動應用程式表單模板庫16: E-Mobile Application Form Template Library
17:電子行動應用程式表單元件17:Electronic mobile application form element
18:標準化元件18: Standardized components
19:電子行動應用程式19: Electronic mobile application
20:電子行動應用程式表單轉換套件20: Electronic Mobile App Form Conversion Kit
171:文字標籤元件171:Text label component
172:文字輸入欄位元件172: Text input field component
173:日期輸入欄位元件173:Date input field element
174:時間輸入欄位元件174: Time input field element
175:複選框欄位元件175:Check box field component
176:下拉選單欄位元件176:Drop-down menu field component
177:檔案上傳元件177:File upload component
181:電子行動應用程式表單呈現邏輯181: E-Mobile Application Form Rendering Logic
182:資料庫存取邏輯182: Database access logic
圖1為根據本發明一實施例的一種行動原生應用程式表單開發之方法及系統之示意圖。FIG. 1 is a schematic diagram of a method and system for developing a mobile native application form according to an embodiment of the present invention.
圖2為行動原生應用程式表單開發模組之結構示意圖。Fig. 2 is a schematic diagram of the structure of the mobile native application form development module.
圖3為行動原生應用程式表單元件之結構示意圖。FIG. 3 is a schematic structural diagram of a form element of a mobile native application.
圖4為標準化元件之結構示意圖Figure 4 is a schematic diagram of the structure of standardized components
10:開發者 10: Developer
11:開發者介面 11:Developer interface
12:開發平台 12:Development platform
13:電子行動應用程式表單開發模組 13: Electronic mobile application form development module
14:電子行動應用程式表單 14: Electronic mobile application form
15:電子行動應用程式表單輸出介面 15: Electronic mobile application form output interface
19:電子行動應用程式 19: Electronic mobile application
20:電子行動應用程式表單轉換套件 20: Electronic Mobile App Form Conversion Kit
Claims (15)
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
TW110140532A TW202319910A (en) | 2021-11-01 | 2021-11-01 | Development platfrom of mobile native application forms |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
TW110140532A TW202319910A (en) | 2021-11-01 | 2021-11-01 | Development platfrom of mobile native application forms |
Publications (1)
Publication Number | Publication Date |
---|---|
TW202319910A true TW202319910A (en) | 2023-05-16 |
Family
ID=87379015
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
TW110140532A TW202319910A (en) | 2021-11-01 | 2021-11-01 | Development platfrom of mobile native application forms |
Country Status (1)
Country | Link |
---|---|
TW (1) | TW202319910A (en) |
-
2021
- 2021-11-01 TW TW110140532A patent/TW202319910A/en unknown
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10789052B2 (en) | User interface (UI) design system mapping platform for automatically mapping design system components to a design document file from a design tool to generate a mapped specification | |
US10565293B2 (en) | Synchronizing DOM element references | |
US9400784B2 (en) | Integrated application localization | |
CN104537069A (en) | Receipt configuration and application system and method | |
US20130152038A1 (en) | Project management workflows | |
CN105528418B (en) | A kind of design documentation generation method and device | |
US11902391B2 (en) | Action flow fragment management | |
JP2017501508A (en) | Chart conversion system and method using metadata | |
US11349902B2 (en) | System and method to standardize and improve implementation efficiency of user interface content | |
CN111068328A (en) | Game advertisement configuration table generation method, terminal device and medium | |
US9852117B1 (en) | Text-fragment based content editing and publishing | |
CN111506300A (en) | Applet generation method, device, equipment and storage medium | |
US10949176B2 (en) | Automatic view generation based on annotations | |
US10394529B2 (en) | Development platform of mobile native applications | |
US10846061B2 (en) | Development environment for real-time application development | |
TW202319910A (en) | Development platfrom of mobile native application forms | |
US10203939B2 (en) | Method and system for parameter model framework | |
US10915599B2 (en) | System and method for producing transferable, modular web pages | |
Paternò et al. | User task-based development of multi-device service-oriented applications. | |
JP2015148925A (en) | Program generation device and method | |
Van der Westhuizen | Bootstrap for ASP. NET MVC | |
JP2020119053A (en) | Program, information processing apparatus and processing method |