透過您的圖書館登入
IP:18.119.136.235
  • 學位論文

使用者界面元件的建置與綁定

Construct and Bind User Interface Components

指導教授 : 李允中
若您是本文的作者,可授權文章由華藝線上圖書館中協助推廣。

摘要


隨著軟體工程的演進,一個軟體專案最困難耗費人力的地方往往不僅是在實做新的功能,更多的成本是在軟體的除錯以及維護,以網路應用程式為例,雖然大部份的專案目的不盡相同,但是許多通用的功能和使用者界面還是不斷被重複的實做,雖然能利用市面上的一些軟體、平台去建立使用者想要的網路應用程式,但卻無法建立出能處理商業邏輯和資料庫存取功能的網路應用程式,因此我們的研究計畫開發出一個可以讓軟體工程師去重複利用我們定義好常用的使用者界面元件,以及開源軟體的服務元件 [17] 程式碼,讓使用者能在最低限度的實做下完成他們的需求,我們稱我們實做出來可以讓使用者創建網路應用程式的平台為 UI Design Client。 在本項研究中,使用者可以藉由 UI Design Client 裡面的 Wizard (UI Design Client 裡面負責建置 UI Component 的操作界面) 去建置我們提供的 30 種使用者界面元件去組合網路應用程式,其中我們也提供了 Matchmaking [19] 的機制,能讓使用者找到適合他們使用者界面元件的服務元件,我們認為重複利用已經存在的最佳實踐往往會比每次遇到同一個問題就去重新實做要好的多,不僅降低開發的成本,也減少維護的難度。

並列摘要


Requirements acquisition is one of the main bottlenecks in Web applications development and maintenance. Rapid prototyping through user interface (UI) design has been widely adopted to improve the elicitation of requirements. However, the main problem with rapid prototyping is that business logic was not integrated with the UI components, and access to the database was not provided. In this research work, we proposed a UI Design Client with pre-defined 30 UI components to compose UI components and interact with their corresponding service components [17] in open source project through a Wizard mechanism and a code editor for tailoring or adding code integrated with the UI components. The benefits of the UI Design Client are two-fold: increase the reusability of the existing integrated UI components and their service components and reduce the complexity of maintenance.

參考文獻


[1] Angular, [online] https://angular.io/.
[2] Bootstrap, [online] https://getbootstrap.com/.
[3] Draw.io, [online] https://app.diagrams.net/.
[4] Endpoint testing with jest, [online] https://zellwk.com/blog/endpoint-testing/.
[5] Flux application architecture, [online] https://facebook.github.io/flux/.

延伸閱讀