本研究提出從統一塑模語言(Unified Modeling Language, UML)的類別圖，轉換到網頁應用使用者介面程式的轉換機制，即模型驅動架構(Model Driven Architecture, MDA)中平台獨立模型轉換到Web平台特定模型後，再直接產生網頁應用程式樣板。本研究由Rational Rose中提供的樣板型別(Stereotype)功能對應平台並設計出平台特定模型類別圖，藉由自行開發的轉檔程式，可以將平台特定模型類別圖轉換成網頁程式樣板，如Servlet、JSP、JAVA，並在實際開發一個個案範例後，以程式碼行數(Line of Code, LOC)覆蓋率來衡量，量測轉換產生之程式樣板與系統完成後程式碼的比例。研究結果顯示，其轉換率約百分之四十二，顯示本研究方向或許可以幫助程式設計師減少其開發時間。

This paper proposes a transformation technique from UML class diagrams to user interfaces in web application in Model Driven Architecture. That is, Platform Independent Model is transformed to Platform Specific Model first, and then Platform Specific Model can be automatically transformed into the code template in web application. This paper uses the Raional Rose tool to design the class diagrams. They are then translated into the web class diagrams. The web class diagram is finally translated to the code template, i.e. Servelt, JSP, Java. This research also performs a real case study and counts a coverage rate of line of code (LOC). The coverage rate is the ratio of LOC between code template generated and actual code completed. The coverage ratio is about 42%, showing this research project reduces the effort when a project is developed by our proposed technique.

[1]李幸超,軟體測試實務講座,博碩文化,2007
[2]黃彥結,類別圖轉關聯表與程式樣版之研究,國立中山大學資管系碩士論文,2004
[3]R. Asleson, and N. T. Schutta, Foundations of Ajax, Apress L.P.,2006
[4]B. Basham, K Sierra, B. Bates, Head First Servlets & JSP, O’Reilly Media,2004
[5]S. Burbeck, “Application Programming in Smalltalk-80:How to use Model-View-Controller(MVC)”,http://st-www.cs.uiuc.edu/users/smarch/st-docs/mvc.html, 1992
[6]J. Conallen, Building Web Applications With UML First Edition, Addison Wesley, 1999
[7]J. Conallen, Building Web Applications With UML Second Edition, Addison Wesley, 2002
[8]J. Conallen, ”Modeling Web Application Architectures with UML”, COMMUNICATIONS OF THE ACM ,Vol. 42., No.10, Oct. 1999
[9]R. B. Djemaa, I. Amous and A. B. Hamadou, “WA-UML : Towards a UML extension for modeling Adaptive Web Applications”, Eighth IEEE International Symposium on Web Site Evolution, pp111-117., 2006
[10]M. Fowler, UML Distilled: A Brief Guide to the Standard Object Modeling Language, Third Edition, Addison Wesley, 2004
[11]M. Hall, Core Servlets and Javaserver Page, Prentice Hall PTR/Sun Microsystems Press, 2000
[12]W. S. Humphrey, PSP A Self-Improvement Process for Software Engineers, Addison Wesley, Mar. 2005
[13]J. J. Garrett, “Ajax : A new approach to Web Applications”, http://www.pablolfc.com.ar/leer/Ajax.pdf, Feb. 2005
[14]I. Jacobson, M. Christerson, P. Jonsson, and G. Overgaard , Object Oriented Software Engineering: A Use Case Driven Approach, Addison-Wesley ,Boston, 1992
[15]A. Kleppe, J. Warmer and W. Bast, MDA Explained: The Model Driven Architecture™: Practice and Promise, Addison Wesley, Apr. 2003
[16]N. Koch, ”Classification of model transformation techniques used in UML-based Web engineering”, IET Software Vol. 1, Issue 3, pp. 98-111, Jun. 2007
[17]J. Li, J. Chen and P. Chen, “Modeling Web Application Architecture with UML”, IEEE CHF pp265 - 274, Oct. 2000
[18]S. J. Mellor, K. Scott, A. Uhl, and D. Weise, MDA Distilled: Principles of Model-Driven Architecture, Addison-Wesley, Boston, 2004.
[19]Sun Microsystems, Web Component Development With Servlet and JSP™ Technologies SL314, Sun Educational Services, 2002
[20]T. Reenskaug, “The Model-View-Controller (MVC)Its Past and Present”, http://heim.ifi.uio.no/~trygver/index.html, 2002
[21]D. Raggett, A. L. Hors and I. Jacobs, HTML 4.01 Specification, http://www.w3.org/TR/REC-html40/, W3C Recommendation, 1999
[22]J. H. Wu, T. C. Hsia; S. J. Tsai and C. T. Hsieh,“A Methodology for Modeling the User Interfaces: An Integrated UML and PAC Model”, Journal of Internet Technology, pp403 – 412, Sep. 2004