TWI783764B

TWI783764B - Software development system and method thereof

Info

Publication number: TWI783764B
Application number: TW110140481A
Authority: TW
Inventors: 杜昶穎; 邱鼎文; 蘇嘉瑋; 陳弘倫
Original assignee: 國泰世華商業銀行股份有限公司
Priority date: 2021-10-29
Filing date: 2021-10-29
Publication date: 2022-11-11
Also published as: TW202318186A

Abstract

The software development system includes a processor for accessing instructions stored in the memory to execute an application programming interface configuration module to select at least one application programming interface from a plurality of application programming interfaces, a picture configuration module to design a plurality pictures comprising a first picture and a second picture according to the application program interface; a process configuration module connects the pictures to form a process, wherein at least one field in the second picture is bind with at least one outgoing parameter that is generated by the application programming interface according data of the first picture as the incoming parameter; and a picture generating module sequentially displays the pictures according to the process.

Description

軟體開發系統及方法Software Development System and Method

本揭示案係關於一種開發系統，特別是關於一種軟體開發系統。This disclosure relates to a development system, in particular to a software development system.

傳統上，當IT技術人員對用戶需求的軟體進行開發時，需先訪談用戶需求，在按照一定的流程進行，直至交付用戶測試完畢。也就是說，所有開發流程均是由IT技術人員獨立進行，針對使用者的需求客製化完成。Traditionally, when IT technicians develop software for user needs, they need to interview user needs first, and proceed according to a certain process until the user test is completed. In other words, all development processes are independently carried out by IT technicians and customized according to the needs of users.

雖然在上述之流程中，IT技術人員在開發前已針對用戶需求進行訪談，然而，若在開發過程中，用戶有別的需求或是變動畫面功能，IT技術人員需重複進行修改來納入用戶的新需求。如此之方式對IT技術人員而言，將會消耗大量之時間在軟體修正上，而對用戶而言，每做一次修正，即須等待IT技術人員回復修正結果，同樣亦會耗費大量時間在無謂等待上。Although in the above process, IT technicians have conducted interviews on user needs before development, however, if users have other needs or change screen functions during the development process, IT technicians need to make repeated modifications to incorporate user needs new demand. Such a method will consume a lot of time for IT technicians on software revisions, and for users, every time they make a revision, they have to wait for IT technicians to reply to the revision results, which will also consume a lot of time on unnecessary wait on.

因此，如何降低IT技術人員和用戶間因修正往返所造成之無效率問題即成為本領域的重要課題。Therefore, how to reduce the inefficiency between IT technicians and users caused by revisions has become an important issue in this field.

本揭示內容的一態樣係關於一種軟體開發系統，包含一記憶體，儲存至少一指令以及複數筆應用程式介面；以及一處理器，耦接於該記憶體，用以存取該至少一指令以執行：一應用程式介面配置模組，用以從該些筆應用程式介面中選擇至少一應用程式介面；一畫面配置模組，以根據該應用程式介面設計至少包括一第一畫面以及一第二畫面的複數個畫面；一流程配置模組，用以串接該些畫面組成一一流程，其中該第二畫面中之至少一欄位和該應用程式介面根據該第一畫面資料作為傳入參數而產生的至少一傳出參數綁定；以及一畫面生成模組，根據該流程依序顯示該複數個畫面。An aspect of the present disclosure relates to a software development system, comprising a memory storing at least one instruction and a plurality of APIs; and a processor coupled to the memory for accessing the at least one instruction To execute: an API configuration module, used to select at least one API from the pen APIs; a screen configuration module, to include at least a first screen and a first screen according to the API design A plurality of screens of the second screen; a process configuration module, used to connect these screens to form a process, wherein at least one field in the second screen and the API are input according to the data of the first screen At least one outgoing parameter binding generated by parameters; and a screen generation module, which sequentially displays the plurality of screens according to the flow.

在一些實施例中，該應用程式介面配置模組更透過一顯示視窗提供該複數筆應用程式介面及對應的規格文件。In some embodiments, the API configuration module further provides the plurality of APIs and corresponding specification documents through a display window.

在一些實施例中，其中該第一畫面可為查詢畫面，第二畫面可為一查詢結果畫面。In some embodiments, the first screen can be a query screen, and the second screen can be a query result screen.

在一些實施例中，其中此流程包括相連的一第一節點以及一第二節點，該第一個節點配置該查詢畫面，該第二個節點配置該查詢結果畫面。In some embodiments, the flow includes a first node and a second node connected, the first node configures the query screen, and the second node configures the query result screen.

在一些實施例中，其中該流程配置模組串接該些個畫面組成的該流程可作為一子流程，該子流程可串接其他流程。In some embodiments, the process composed of the process configuration module concatenated with the screens can be regarded as a sub-process, and the sub-process can be concatenated with other processes.

在一些實施例中，該畫面配置模組更用以將兩個應用程式介面進行關聯，以於一畫面中顯示該兩個應用程式介面傳出參數組合後資訊。In some embodiments, the screen configuration module is further used for associating two APIs, so as to display the combined information of the parameters transmitted from the two APIs in one screen.

在一些實施例中，該流程配置模組更於該第一畫面以及該第二畫面間設置一判斷條件，以決定是否顯示該第二畫面。In some embodiments, the process configuration module further sets a judgment condition between the first screen and the second screen to determine whether to display the second screen.

本揭示內容的另一態樣係關於一種軟體開發方法，包含：提供複數筆應用程式介面；從該些筆應用程式介面中選擇至少一應用程式介面；根據該應用程式介面設計至少包括一第一畫面以及一第二畫面的複數個畫面；串接該些畫面組成一流程，其中該第二畫面中之至少一欄位和該至少一應用程式介面根據該第一畫面資料作為傳入參數而產生的至少一傳出參數綁定；以一畫面生成模組及根據該流程依序顯示該複數個畫面。Another aspect of the disclosed content relates to a software development method, including: providing a plurality of APIs; selecting at least one API from the APIs; designing at least one first API according to the API screen and a plurality of screens of a second screen; these screens are concatenated to form a process, wherein at least one field in the second screen and the at least one API are generated according to the data of the first screen as incoming parameters Binding at least one outgoing parameter; using a screen generation module and sequentially displaying the multiple screens according to the flow.

在一些實施例中，提供複數筆應用程式介面更包括：透過一顯示視窗提供該複數筆應用程式介面及對應的規格文件。In some embodiments, providing the plurality of pen APIs further includes: providing the plurality of pen APIs and corresponding specification documents through a display window.

在一些實施例中，根據一流程串接該第一畫面以及該第二畫面更包括：配置相連的一第一節點以及一第二節點；以及於該第一個節點配置該查詢畫面，於該第二個節點配置該查詢結果畫面。In some embodiments, connecting the first screen and the second screen according to a process further includes: configuring a connected first node and a second node; and configuring the query screen on the first node, and configuring the query screen on the first node. The second node configures the query result screen.

綜上所述，本案藉由分工之方式，讓用戶負責配置畫面功能流程，IT技術人員負責對應之應用程式介面。用戶僅需選擇所需之應用程式介面，並對應設計畫面功能流程，當用戶完成畫面功能流程設計後，即可完成軟體開發。依此，用戶不需撰寫任何程式碼即可完成畫面流程自主配置，而IT技術人員亦無需負擔畫面功能流程設計，因此可大幅節省雙方修正之往返時間，達到IT技術人員和用戶間雙贏之目的。To sum up, in this case, through the division of labor, the user is responsible for configuring the screen function process, and the IT technician is responsible for the corresponding API. The user only needs to select the required API and design the screen function flow accordingly. After the user completes the design of the screen function flow, the software development can be completed. In this way, the user can complete the independent configuration of the screen flow without writing any code, and the IT technician does not need to bear the burden of the screen function flow design, so it can greatly save the round-trip time for both parties to modify, and achieve the goal of a win-win situation between the IT technician and the user .

下文係舉實施例配合所附圖式作詳細說明，但所描述的具體實施例僅用以解釋本案，並不用來限定本案，而結構操作之描述非用以限制其執行之順序，任何由元件重新組合之結構，所產生具有均等功效的裝置，皆為本揭示內容所涵蓋的範圍。The following is a detailed description of the embodiments in conjunction with the accompanying drawings, but the described specific embodiments are only used to explain the present case, and are not used to limit the present case, and the description of the structure and operation is not used to limit the order of its execution. The recombined structure and the devices with equivalent functions are all within the scope of this disclosure.

依此，本案提出一種軟體開發系統以及方法，藉由分工之方式，讓IT技術人員負責對應之應用程式介面(Application Programming Interface, API )開發，用戶負責配置畫面功能流程。據此，用戶僅需選擇對應此畫面功能流程所需之應用程式介面，並對應設計畫面功能流程，當用戶完成畫面功能流程設計後，即可完成軟體開發。Based on this, this project proposes a software development system and method. Through the division of labor, IT technicians are responsible for the corresponding Application Programming Interface (Application Programming Interface, API) development, and users are responsible for configuring the screen function process. Accordingly, the user only needs to select the required API corresponding to the function flow of the screen, and design the function flow of the screen correspondingly. After the user completes the design of the function flow of the screen, the software development can be completed.

請參考第1圖。第1圖為根據本揭示內容之實施例之一種軟體開發系統100的示意圖。如第1圖所示，軟體開發系統100至少包含記憶體120以及處理器140，此記憶體120與處理器140通訊耦接或電性耦接。在一些實施例中，處理器140可包含但不限於單一處理單元或複數微處理器的集成，此單一處理單元或微處理器的集成可電性耦接於記憶體120，其中記憶體120可為內部或外部記憶體，包含揮發性或非揮發性的記憶體。在本實施例中，處理器140可自記憶體120存取至少一指令並執行該至少一指令，以進一步地實施由該至少一指令所界定的應用配置模組，於一些實施例中，包含應用程式介面配置模組141、畫面配置模組142、流程配置模組143以及畫面生成模組144。上述關於處理器140之實施方式用於示例，且各種可實施處理器140的電路或模組等硬體元件皆為本案所涵蓋之範圍。於一些實施例中，軟體開發系統100可應用在一金融機構中。Please refer to Figure 1. FIG. 1 is a schematic diagram of a software development system 100 according to an embodiment of the disclosure. As shown in FIG. 1 , the software development system 100 at least includes a memory 120 and a processor 140 , and the memory 120 is communicatively or electrically coupled to the processor 140 . In some embodiments, the processor 140 may include but not limited to a single processing unit or an integration of multiple microprocessors, and the single processing unit or the integration of microprocessors may be electrically coupled to the memory 120, wherein the memory 120 may be Internal or external memory, including volatile or nonvolatile memory. In this embodiment, the processor 140 can access at least one instruction from the memory 120 and execute the at least one instruction, so as to further implement the application configuration module defined by the at least one instruction. In some embodiments, include Application programming interface configuration module 141 , screen configuration module 142 , process configuration module 143 and screen generation module 144 . The above-mentioned implementation of the processor 140 is used as an example, and various hardware components such as circuits or modules that can implement the processor 140 are within the scope of this application. In some embodiments, the software development system 100 can be applied in a financial institution.

在一些實施例中，應用程式介面配置模組141，是用以提供用戶選擇設計畫面所需要的應用程式介面。在一些實施例中，當IT人員開發完成一應用程式介面時，即可將對應此應用程式介面的規格文件匯入應用程式介面配置模組141中。在一些實施例中，規格文件包括應用程式介面傳入參數以及傳出參數。依此，用戶可透過應用程式介面配置模組141之一顯示視窗查詢提供之應用程式介面及對應的規格文件，來選擇開發畫面所需之應用程式介面。在一些實施例中，記憶體120除了儲存該至少一指令之外，更可儲存(或暫存)多筆IT人員已開發完成的應用程式介面。依此，用戶在透過應用程式介面配置模組141選擇應用程式介面後，可從記憶體120中存取所需之應用程式介面來使用。在一些實施例中，IT人員為一金融機構之IT技術人員，所開發之應用程式介面是金融機構使用的應用程式介面，而用戶為金融機構之業務單位。In some embodiments, the API configuration module 141 is used to provide the API required by the user to select the design screen. In some embodiments, when the IT staff completes the development of an API, the specification file corresponding to the API can be imported into the API configuration module 141 . In some embodiments, the specification file includes API incoming parameters and outgoing parameters. Accordingly, the user can query the provided API and the corresponding specification document through a display window of the API configuration module 141 to select the API required for the development screen. In some embodiments, in addition to storing the at least one instruction, the memory 120 can further store (or temporarily store) multiple application program interfaces that have been developed by IT personnel. Accordingly, after the user selects an API through the API configuration module 141 , the user can access the desired API from the memory 120 for use. In some embodiments, the IT personnel are IT technicians of a financial institution, the API developed is the API used by the financial institution, and the user is a business unit of the financial institution.

畫面配置模組142，用以提供用戶根據選擇之應用程式介面設計所需之多個畫面。流程配置模組143，用以提供用戶設計畫面間之串接流程，於一些實施例中，用戶可配置二個前後相連的節點，第一個節點配置第一個畫面，第二個節點配置第二個畫面。將應用程式介面根據第一個畫面傳入參數產生的傳出參數，設定給第二個畫面當作接收參數。在一些實施例中，用戶使用畫面配置模組142設計之畫面包括一查詢畫面以及一查詢結果畫面，在查詢畫面中包括一查詢欄位，在查詢結果畫面中包括多個查詢結果欄位，查詢結果欄位和用戶選擇之應用程式介面傳出參數綁定。並藉由流程配置模組143將查詢畫面以及查詢結果畫面進行串接。於一些實施例中，應用程式介面使用查詢欄位之查詢資料作為傳入參數，並回傳根據此傳入參數產生的至少一傳出參數至查詢結果畫面中綁定的查詢結果欄位，查詢結果欄位即可使用此至少一傳出參數作為資料來源進行顯示。於其他實施例中，應用程式介面可回傳多個傳出參數，用戶可根據所設計之畫面，使用畫面配置模組142從此些傳出參數中選擇需要的部分傳出參數至查詢結果畫面中綁定的結果欄位。畫面生成模組144用以依序呈現流程配置模組143串接的畫面。於一些實施例中，畫面生成模組144顯示查詢畫面，再根據應用程式介面回傳的傳出參數，顯示查詢結果畫面。依此，IT人員僅需提供應用程式介面，而後續之畫面以及各畫面間之順序流程是由使用用戶自行設計，可大幅增進開發效率。值得注意的是，流程配置模組143串接畫面所組成的流程可作為一子流程，而串接在其他流程中。也就是說，一流程可包括多個子流程，可由流程配置模組143串接畫面來組成。而此些子流程可依使用者設計串接在其他流程中。The screen configuration module 142 is used to provide multiple screens required by the user according to the selected API design. The process configuration module 143 is used to provide the user with a serial connection process between design screens. In some embodiments, the user can configure two nodes connected back and forth. The first node configures the first screen, and the second node configures the second node. Two screens. Set the outgoing parameters generated by the API according to the incoming parameters of the first screen to the second screen as receiving parameters. In some embodiments, the screen designed by the user using the screen configuration module 142 includes a query screen and a query result screen. The query screen includes a query field, and the query result screen includes multiple query result fields. The result field is bound to the API outgoing parameter selected by the user. And the query screen and the query result screen are connected in series by the process configuration module 143 . In some embodiments, the API uses the query data in the query field as an incoming parameter, and returns at least one outgoing parameter generated according to the incoming parameter to the bound query result field in the query result screen, query The result field can be displayed using the at least one outgoing parameter as a data source. In other embodiments, the application programming interface can return multiple outgoing parameters, and the user can use the screen configuration module 142 to select some outgoing parameters from these outgoing parameters according to the designed screen and send them to the query result screen The bound result field. The screen generation module 144 is used to sequentially present the screens connected by the process configuration module 143 . In some embodiments, the screen generation module 144 displays the query screen, and then displays the query result screen according to the outgoing parameters returned by the API. According to this, IT personnel only need to provide the application programming interface, and the subsequent screens and the sequence flow between each screen are designed by the user, which can greatly improve the development efficiency. It is worth noting that the process composed of the screens connected by the process configuration module 143 can be regarded as a sub-process and connected in series with other processes. That is to say, a process may include multiple sub-processes, which may be composed of screens connected by the process configuration module 143 . These sub-processes can be connected in series with other processes according to user design.

於一些實施例中，用戶在透過應用程式介面配置模組141選擇開發畫面所需之應用程式介面時，可同時選擇多個應用程式介面。例如，金融機構之業務單位欲使用客戶身分證號碼作為查詢條件，來同時查詢出客戶在此金融機構所擁有之***、***可用餘額、預借現金狀況等。若上述所擁有之***、***可用餘額、預借現金狀況是分別由不同應用程式介面所提供，此時可選擇多個應用程式介面，包括主應用程式介面以及次應用程式介面。依此，畫面配置模組142將主應用程式介面以及次應用程式介面進行關聯，例如，以身分證號碼作為主應用程式介面傳入參數，查詢後回傳此身分證號碼下多張***以及對應卡號，再將主應用程式介面回傳的卡號做為次應用程式介面傳入參數，以查詢此卡號之對應資訊，例如此卡號之可用餘額以及預借現金狀況。依此，可將主應用程式介面以及次應用程式介面回傳的傳出參數，如多張***對應卡號和可用餘額以及預借現金狀況，作為查詢結果畫面之資料來源進行顯示。因此，本案用戶在選擇開發畫面所需之應用程式介面，可同時選擇多個應用程式介面進行組合，藉此可使用同一查詢資料作為傳入參數，由不同應用程式介面提供不同種類之傳出參數，而於一畫面中同時獲得多種查詢結果資料。In some embodiments, when the user selects the required API for the development screen through the API configuration module 141 , multiple APIs can be selected at the same time. For example, the business unit of a financial institution wants to use the customer's ID card number as the query condition to simultaneously query the credit card owned by the customer in the financial institution, the available balance of the credit card, and the cash advance status, etc. If the above-mentioned credit card, credit card available balance, and cash advance status are provided by different APIs, multiple APIs can be selected at this time, including the main API and the secondary API. Accordingly, the screen configuration module 142 associates the main API with the secondary API. For example, the ID card number is used as the input parameter of the main API, and multiple credit cards and corresponding credit cards under the ID card number are returned after query. Card number, and then use the card number returned by the main API as a parameter passed into the secondary API to query the corresponding information of this card number, such as the available balance and cash advance status of this card number. Accordingly, the outgoing parameters returned by the main API and the secondary API, such as the corresponding card numbers and available balances of multiple credit cards, and the cash advance status, can be displayed as the data source of the query result screen. Therefore, in this case, when selecting the API required for the development screen, the user can select multiple APIs for combination at the same time, so that the same query data can be used as the incoming parameter, and different types of outgoing parameters can be provided by different APIs , and obtain multiple query result data in one screen at the same time.

依此，於其他實施例中，若要作一個以「分行代號」當作查詢條件來查詢「分行資訊」的功能。用戶可先使用應用程式介面配置模組141選擇設計畫面所需要的應用程式介面，於一實施例中，係選擇一分行資訊查詢服務應用程式介面。According to this, in other embodiments, if a "branch code" is used as a query condition to query the function of "branch information". The user can first use the API configuration module 141 to select the API required for the design screen. In one embodiment, a branch information inquiry service API is selected.

接著，用戶使用畫面配置模組142設計二個畫面，如第2圖所示，其中第一個畫面為一查詢畫面200，有一個輸入框201，可讓使用者輸入「分行代號」。如第3圖所示，第二個畫面為一查詢結果畫面300，用以顯示以分行代號為查詢條件得到之分行資訊查詢結果畫面300，分行資訊查詢結果包括分行名稱301、分行地址302、分行電話303、分行營業時間304等欄位。Then, the user uses the screen configuration module 142 to design two screens, as shown in Figure 2, wherein the first screen is a query screen 200, and an input box 201 is provided for the user to input "branch code". As shown in Figure 3, the second screen is a query result screen 300, which is used to display the branch information query result screen 300 obtained by using the branch code as the query condition. The branch information query results include branch name 301, branch address 302, branch Telephone 303, branch business hours 304 and other fields.

接著，用戶可使用流程配置模組143，配置二個前後相連的節點，第一個節點配置第一個畫面，查詢畫面200，第二個節點配置第二個畫面，查詢結果畫面300。分行資訊查詢服務應用程式介面將輸入框201之輸入資料作為傳入資料，來產生多個傳出資料設定給第二個畫面，查詢結果畫面300當作接收參數，於一些實施例中，傳出參數包括分行名稱301、分行地址302、分行電話303、分行營業時間304。接著，執行畫面生成模組144用以依序呈現流程配置模組143串接的畫面。於一些實施例中，畫面生成模組144先顯示查詢畫面200，再根據應用程式介面回傳的傳出參數，顯示查詢結果畫面300。Next, the user can use the process configuration module 143 to configure two consecutive nodes. The first node configures the first screen, the query screen 200 , and the second node configures the second screen, the query result screen 300 . The branch information query service API uses the input data of the input box 201 as the incoming data to generate multiple outgoing data and set it to the second screen. The query result screen 300 is used as the receiving parameter. In some embodiments, the outgoing Parameters include branch name 301 , branch address 302 , branch phone number 303 , and branch business hours 304 . Next, the screen generation module 144 is executed to sequentially present the screens concatenated by the process configuration module 143 . In some embodiments, the screen generating module 144 first displays the query screen 200, and then displays the query result screen 300 according to the outgoing parameters returned by the API.

於一些實施例中，在進行流程配置模組143時，在節點與節點之間串接時，亦即第一畫面與第二畫面串接時，更可設定一決策判斷條件，決定是否能進入對應流程節點，亦即是否可從第一畫面進入第二畫面。其中判斷條件包括：進行參數及時間之比較運算以及邏輯運算等。於一些實施例中，第一畫面為一查詢畫面提供使用者進行明細查詢，而對應的第二畫面，查詢結果畫面可有多個，包括活期儲蓄存款明細畫面、定期儲蓄存款明細畫面、證劵活期存款明細畫面、支票存款明細畫面等，值得注意的是，本實施例不以上述所述畫面為限。也就是說，用戶進行流程配置模組143串接畫面後，會產生第4圖之串接結果，明細查詢畫面401後同時串接活期儲蓄存款明細畫面402、定期儲蓄存款明細畫面403、證劵活期存款明細畫面404、支票存款明細畫面405。因此，本案在明細查詢畫面401後會設置一決策判斷條件，來判斷進行活期儲蓄存款明細畫面402、定期儲蓄存款明細畫面403、證劵活期存款明細畫面404或支票存款明細畫面405。於一些實施例中，決策判斷條件為選擇之存款產品是否為活期存款，若是才能進入活期存款明細畫面。也就是說，若客戶在明細查詢畫面401選擇或輸入之存款帳號，經判斷其產品類別為活期存款，依此進入活期存款明細畫面402，亦即對應顯示活期存款明細畫面。In some embodiments, when performing the process configuration module 143, when nodes are connected in series, that is, when the first screen and the second screen are connected in series, a decision-making condition can be set to determine whether to enter Corresponds to the process node, that is, whether it is possible to enter the second screen from the first screen. The judging conditions include: comparing parameters and time and logic operations. In some embodiments, the first screen is a query screen for users to conduct detailed query, and the corresponding second screen, there can be multiple query result screens, including current savings deposit details screen, time savings deposit details screen, securities It is worth noting that this embodiment is not limited to the above-mentioned screens, such as demand deposit details screen and check deposit details screen. That is to say, after the user connects the screens of the process configuration module 143, the chaining result shown in Figure 4 will be generated. After the detailed query screen 401, the current savings deposit details screen 402, the time savings deposit details screen 403, and the securities A demand deposit detail screen 404 and a check deposit detail screen 405 . Therefore, in this case, a decision-making judgment condition will be set after the detailed inquiry screen 401 to judge whether to perform the current savings deposit detailed screen 402, the regular savings deposit detailed screen 403, the securities current deposit detailed screen 404 or the check deposit detailed screen 405. In some embodiments, the decision-making judgment condition is whether the selected deposit product is a current deposit, and if so, the detailed screen of the current deposit can be entered. That is to say, if the customer selects or enters the deposit account number in the detailed inquiry screen 401, it is judged that its product type is a demand deposit, and then enters the demand deposit detail screen 402 accordingly, that is, the demand deposit detail screen is displayed accordingly.

第5圖所示為根據本案一實施例軟體開發方法流程圖，請圖時參閱第1圖至第5圖。本案之軟體開發方法500，首先於步驟501，選擇一應用程式介面。在一實施例中，用戶使用應用程式介面配置模組141選擇設計畫面所需要的應用程式介面。接著，於步驟502，根據所選擇之應用程式介面設計對應畫面。在一實施例中，用戶使用畫面配置模組142設計畫面，其中畫面中欄位之資料來源，係使用應用程式介面傳出參數，以將應用程式介面和對應畫面綁定。於步驟503，串接畫面。於一實施例中，用戶可使用流程配置模組143，將用戶使用畫面配置模組142設計出之多個畫面進行串接。於一些實施例中，在串接一查詢畫面以及一查詢結果畫面時，用戶使用畫面配置模組142配置二個前後相連的節點，第一個節點配置查詢畫面，第二個節點配置查詢結果畫面。應用程式介面使用查詢畫面之查詢資料作為傳入資料，來產生多個傳出資料，根據綁定結果，將多個傳出資料傳送給查詢結果畫面。接著，於步驟504，根據流程依序顯示對應畫面。於一些實施例中，畫面生成模組144先顯示查詢畫面，再根據應用程式介面回傳的傳出參數，顯示對應查詢結果畫面。FIG. 5 is a flow chart of a software development method according to an embodiment of the present case. Please refer to FIG. 1 to FIG. 5 for the diagrams. In the software development method 500 of this case, firstly, in step 501, an API is selected. In one embodiment, the user uses the API configuration module 141 to select the API required by the design screen. Next, in step 502, a corresponding screen is designed according to the selected API. In one embodiment, the user uses the screen configuration module 142 to design the screen, wherein the data source of the fields in the screen is to use the application programming interface to send parameters, so as to bind the application programming interface and the corresponding screen. In step 503, the frames are concatenated. In one embodiment, the user can use the process configuration module 143 to concatenate multiple screens designed by the user using the screen configuration module 142 . In some embodiments, when connecting a query screen and a query result screen in series, the user uses the screen configuration module 142 to configure two consecutive nodes, the first node configures the query screen, and the second node configures the query result screen . The API uses the query data of the query screen as the incoming data to generate multiple outgoing data, and sends the multiple outgoing data to the query result screen according to the binding result. Next, in step 504, corresponding frames are sequentially displayed according to the flow. In some embodiments, the screen generation module 144 first displays the query screen, and then displays the corresponding query result screen according to the outgoing parameters returned by the API.

綜上所述，本案軟體開發系統以及方法，藉由分工之方式，讓用戶負責配置畫面功能流程，IT技術人員負責對應之應用程式介面。用戶僅需選擇所需之應用程式介面，並對應設計畫面功能流程，當用戶完成畫面功能流程設計後，即可完成軟體開發。依此，用戶不需撰寫任何程式碼即可完成畫面流程自主配置，而IT技術人員亦無需負擔畫面功能流程設計，因此可大幅節省雙方之往返時間，達到IT技術人員和用戶間雙贏之目的。To sum up, the software development system and method of this case, through the division of labor, let users be responsible for configuring the screen function process, and IT technicians are responsible for the corresponding API. The user only needs to select the required API and design the screen function flow accordingly. After the user completes the design of the screen function flow, the software development can be completed. In this way, users can complete the configuration of screen flow independently without writing any code, and IT technicians do not need to bear the burden of screen function flow design, so the round-trip time of both parties can be greatly saved, and the goal of win-win between IT technicians and users can be achieved.

雖然本揭示內容已以實施方式揭露如上，然其並非用以限定本揭示內容，所屬技術領域具有通常知識者在不脫離本揭示內容之精神和範圍內，當可作各種更動與潤飾，因此本揭示內容之保護範圍當視後附之申請專利範圍所界定者為準。Although the present disclosure has been disclosed above in terms of implementation, it is not intended to limit the present disclosure. Those skilled in the art can make various changes and modifications without departing from the spirit and scope of the present disclosure. Therefore, this disclosure The scope of protection of the disclosed content shall be subject to the definition of the appended patent application scope.

100:軟體開發系統 120:記憶體 140:處理器 141:應用程式介面配置模組 142:畫面配置模組 143:流程配置模組 144:畫面生成模組 200:查詢畫面 201:輸入框 300:查詢結果畫面 301:分行名稱 302:分行地址 303:分行電話 304:分行營業時間 401:明細查詢畫面 402:活期儲蓄存款明細畫面 403:定期儲蓄存款明細畫面 404:證劵活期存款明細畫面 405:支票存款明細畫面 500:軟體開發方法 501-504:步驟 100: Software Development Systems 120: memory 140: Processor 141:Application programming interface configuration module 142: Screen configuration module 143: Process configuration module 144:Screen generation module 200: query screen 201: input box 300: query result screen 301: Branch name 302:Branch address 303:Branch phone number 304: Branch business hours 401: Detailed query screen 402: Current savings deposit details screen 403: Detail screen of regular savings deposit 404:Securities current deposit details screen 405: Check deposit details screen 500: Software Development Methods 501-504: steps

第1圖為根據本揭示內容之實施例之一種軟體開發系統的示意圖。第2圖為根據本揭示內容之實施例之一種查詢畫面的示意圖。第3圖為根據本揭示內容之實施例之一種查詢結果畫面的示意圖。第4圖為根據本揭示內容之實施例之一串接畫面示意圖。第5圖所示為根據本案一實施例軟體開發方法流程圖。 FIG. 1 is a schematic diagram of a software development system according to an embodiment of the disclosure. FIG. 2 is a schematic diagram of a query screen according to an embodiment of the disclosure. FIG. 3 is a schematic diagram of a query result screen according to an embodiment of the present disclosure. FIG. 4 is a schematic diagram of a series of screens according to an embodiment of the present disclosure. FIG. 5 is a flowchart of a software development method according to an embodiment of the present case.

100:軟體開發系統 100: Software Development Systems

120:記憶體 120: memory

140:處理器 140: Processor

141:應用程式介面配置模組 141:Application programming interface configuration module

142:畫面配置模組 142: Screen configuration module

143:流程配置模組 143: Process configuration module

144:畫面生成模組 144:Screen generation module

Claims

一種軟體開發系統，包含：一記憶體，儲存至少一指令以及複數筆應用程式介面；以及一處理器，耦接於該記憶體，用以存取該至少一指令以執行：一應用程式介面配置模組，用以從該些筆應用程式介面中選擇至少一應用程式介面；一畫面配置模組，以根據該應用程式介面設計至少包括一第一畫面以及一第二畫面的複數個畫面；一流程配置模組，用以串接該些個畫面組成一流程，其中該第二畫面中之至少一欄位和該應用程式介面根據該第一畫面資料作為傳入參數而產生的至少一傳出參數綁定，其中該第二畫面顯示該至少一傳出參數；以及一畫面生成模組，根據該流程依序顯示該些個畫面。 A software development system, comprising: a memory storing at least one command and a plurality of APIs; and a processor coupled to the memory for accessing the at least one command to execute: an API configuration a module for selecting at least one API from the APIs; a screen configuration module for designing a plurality of screens including at least a first screen and a second screen according to the API; a The process configuration module is used to connect these screens to form a process, wherein at least one field in the second screen and at least one outgoing parameter generated by the API according to the data of the first screen as incoming parameters Parameter binding, wherein the second screen displays the at least one outgoing parameter; and a screen generation module, which sequentially displays the screens according to the process.

如請求項1所述之軟體開發系統，其中該應用程式介面配置模組更透過一顯示視窗提供該複數筆應用程式介面及對應的規格文件。 The software development system as described in Claim 1, wherein the API configuration module further provides the plurality of APIs and corresponding specification documents through a display window.

如請求項1所述之軟體開發系統，其中該第一畫面可為查詢畫面，該第二畫面可為一查詢結果畫面。 The software development system as described in Claim 1, wherein the first screen can be a query screen, and the second screen can be a query result screen.

如請求項3所述之軟體開發系統，該流程包括相連的一第一節點以及一第二節點，該第一個節點配置該查詢畫面，該第二個節點配置該查詢結果畫面。 The software development system as described in Claim 3, the flow includes a first node and a second node connected, the first node configures the query screen, and the second node configures the query result screen.

如請求項1所述之軟體開發系統，其中該流程配置模組串接該些個畫面組成的該流程可作為一子流程，該子流程可串接其他流程。 The software development system as described in Claim 1, wherein the process composed of the process configuration module connected in series with the screens can be regarded as a sub-process, and the sub-process can be connected in series with other processes.

如請求項1所述之軟體開發系統，該畫面配置模組更用以將兩個應用程式介面進行關聯，以於一畫面中顯示該兩個應用程式介面傳出參數組合後資訊。 As for the software development system described in Claim 1, the screen configuration module is further used to associate two APIs, so as to display the information after parameter combination transmitted from the two APIs in one screen.

如請求項1所述之軟體開發系統，其中該流程配置模組更於該第一畫面以及該第二畫面間設置一判斷條件，以決定是否顯示該第二畫面。 The software development system as described in Claim 1, wherein the process configuration module further sets a judgment condition between the first screen and the second screen to determine whether to display the second screen.

一種軟體開發方法，包含：提供複數筆應用程式介面；從該些筆應用程式介面中選擇至少一應用程式介面；根據該應用程式介面產生至少包括一第一畫面以及一第二畫面的複數個畫面；串接該些畫面以組成一流程，其中該第二畫面中之至少一欄位和該至少一應用程式介面根據該第一畫面資料作為傳入參數而產生的至少一傳出參數綁定，其中該第二畫面顯示該至少一傳出參數；以及根據該流程依序顯示該些個畫面。 A software development method, comprising: providing a plurality of APIs; selecting at least one API from the APIs; generating a plurality of screens at least including a first screen and a second screen according to the API ; These screens are concatenated to form a flow, in which the second screen to One less field is bound to at least one outgoing parameter generated by the at least one API according to the first screen data as the incoming parameter, wherein the second screen displays the at least one outgoing parameter; and according to the process The screens are displayed in sequence.

如請求項8所述之軟體開發方法，其中提供複數筆應用程式介面更包括：透過一顯示視窗提供該複數筆應用程式介面及對應的規格文件。 The software development method as described in Claim 8, wherein providing the multiple APIs further includes: providing the multiple APIs and corresponding specification documents through a display window.

如請求項8所述之軟體開發方法，其中根據一流程串接該第一畫面以及該第二畫面更包括：配置相連的一第一節點以及一第二節點；以及於該第一個節點配置該查詢畫面，於該第二個節點配置該查詢結果畫面。 The software development method as described in Claim 8, wherein connecting the first screen and the second screen according to a process further includes: configuring a connected first node and a second node; and configuring on the first node In the query screen, the query result screen is configured on the second node.