隨著資訊技術的演進，傳統的系統塑模方法已無法完整的描述新的軟體技術框架，特別是網際網路應用程式技術的快速變遷與多樣化。網路應用程式的塑模方式與開發方法一直是值得研究的議題[21]，然而，利用目前一般電腦輔助軟體開發工具所支援的模型來開發多樣化網際網路應用程式(Rich Internet Applications, RIAs)仍有一定的限制，尤其是在程式碼自動產生的能力。
本研究針對網頁應用程式提出了一套基於模式驅動架構（Model-Driven Architecture, MDA）軟體開發框架(Framework)的系統開發流程。我們使用以統一塑模語言 (Unified Modeling Language, UML) 為基礎的方法來建立網頁應用程式模型，除了改良Conallen[9]所提出的網路應用程式延伸模型(Web Application Extension, WAE)之外，我們也提出一套系統化的軟體開發流程來開發RIA。該流程由需求分析階段開始，歷經運算獨立模式(Computation Independent Model, CIM)，平台獨立模式(Platform Independent Models, PIM)以及平台特定模式( Platform Specific Models, PSM)等階段。在系統實作階段，則利用本研究所開發的工具WAE2CODE將PSM模型轉換成程式碼樣版。不但可以減少撰寫程式所耗費的時間，同時也能兼顧程式碼與設計模型的可追溯性(Traceability)。使得開發人員能更容易且有效率的建構出多樣化的網路應用程式。

Since the prompt evolving of the Web information technology, traditional modeling method cannot meet the requirement of new techniques any more. Thus, modeling and establishing development process for web applications have been an important issue [21]. However, although Computer Aided Software Engineering (CASE) tools nowadays have provided several web models for modeling, they are insufficient to express the concepts of Rich Internet Applications (RIAs) as well as unable to generate code template automatically.
This thesis presents an approach for Web Engineering based on Model-Driven architecture. It complies with the UML-based web modeling method, and improves Conallen’s Web Application Extension (WAE) model [9] for the purpose of expressing the concept of RIAs. Besides, we also proposes a systematic Web application development process, which begins with a requirements analysis, then goes through Computation-Independent Modeling (CIM), Platform-Independent Modeling (PIM), and Platform-Specific Modeling (PSM) phase. Further, the source code could be generated from PSM models by our supporting tool “WAE2CODE”. The benefit of Code generation is not only time-saving for coding but also an aide to make the implementation conforming to the specification models. Therefore, the developers can build a richer web application in an efficient way.

[1] A. Kleppe, J. Warmer, W. Bast, MDA Explained: The Model Driven Architecture, Addison Wesley, 2003.
[2] ATL Transformation Language and Tool, http://www.eclipse.org/atl/
[3] D. Rosenberg, K. Scott, “Applying Use Case Driven Object Modeling with UML: An Annotated e-Commerce Example”, Addison Wesley, 2001.
[4] D. Schwabe, G. Rossi, “Developing Hypermedia Applications using OOHDM”, In Proceedings of Workshop on Hypermedia Development Process, Methods and Models, Hypertext,1998.
[5] G. Booch, J. Rumbaugh, I. Jacobson, The Unified Modeling Language User Guide 2/e, Addison Wesley, 2005.
[6] G. Rossi, “An Object-Oriented Method for Designing Hypermedia Applications,” PhD dissertation, Univ. of PUC-Rio, 1996.
[7] I. Garrigós, J. Gómez, C. Cachero. “Modelling Dynamic Personalization in Web Applications”. In: Proc. of the 3rd International Conference on Web Engineering. Oviedo, Spain, pp. 472-475, 2003.
[8] J. Conallen, ”Modeling Web Application Architectures with UML”, COMMUNICATIONS OF THE ACM ,Vol. 42. No.10, pp.63-70, Oct 1999.
[9] J. Conallen, Building Web Applications with UML. Addison Wesley, 1999.
[10] J. Farhad, “The UML Extension Mechanisms”, Dept of Computer Science, University College London, 2002.
[11] J. H. Wu, S. S. Shin, J. L. Chien, W. S. Chao, and M. C. Hsieh, “An Extended MDA Method for User Interface Modeling and Transformation”. In: The 15th European Conference on Information Systems, pp. 1632–1641, 2007.
[12] J. J. Garrett, “Ajax : A new approach to Web Applications”, 2005 Feb, http://www.pablolfc.com.ar/leer/Ajax.pdf
[13] J. Vanderdonckt, “A MDA-Compliant Environment for Developing User Interfaces of Information Sys-tems,” Proc. of 17th Conf. on Advanced Information Systems Engineering CAiSE'05 (Porto, 13-17 June 2005), Lecture Notes in Computer Science, vol. 3520, Springer-Verlag, Berlin, pp. 16-31, 2005.
[14] J.C. Preciado, M. Linaje, R. Morales-Chaparro, F. Sanchez-Figueroa, C. Gefei Zhang Kroiss, N. Koch, “Designing Rich Internet Applications Combining UWE and RUX-Method”, Eighth International Conference on Web Engineering, pp.148-154, 2008.
[15] M. Busch, and N. Koch, ‘Rich Internet Applications State-of-the-Art.’ Technical report, 2009.
[16] MagicDraw USER’S MANUAL version 16.6, 2009, http://www.magicdraw.com/
[17] N. Koch, A. Knapp, G. Zhang, H. Baumeister, “UML-based Web Engineering: An Approach Based on Standards”, In Web Engineering: Modelling and Implementing Web Applications, HCI series , vol. 12, chapter 7, pp.157-191, Springer-Verlag, 2007.
[18] N. Koch, A. Knapp, G. Zhang, H. Baumeister, “UMLBased Web Engineering: An Approach Based on Standards. In Web Engineering: Modelling and Implementing Web Applications”, HCI Series, vol. 12, chapter 7, pp. 157-191, Springer-Verlag, 2007.
[19] N. Koch, M. Pigerl, G. Zhang, T. Morozova, Patterns for the Model-Based Development of RIAs, In: Proc. of International Conference on Web Engineering, pp.283-291, 2009.
[20] N. Moreno, P. Fraternali, and A. Vallecillo, ‘Web Modeling in UML’, the Institution of Engineering and Technology, 2007.
[21] N. Moreno, J. R. Romero, and A. Vallecillo, “An Overview Of Model-Driven Web Engineering And The MDA”, Web Engineering: Modeling and Implementing Web Applications, 2008.
[22] Object Management Group, MDA Guide V1.0.1, http://www.omg.org/cgi-bin/doc?omg/03-06-01.pdf
[23] Object Management Group, Query QVT-Merge Group, Revised submission for MOF 2.0 Query/Views/ Trans-formations RFP. 2004, http://www.omg.org/cgi-bin/apps/doc?ad/04-04-01.pdf
[24] S. Burbeck, “Application Programming in Smalltalk-80:How to use Model-View-Controller (MVC)”, 1992, http://st-www.cs.uiuc.edu/users/smarch/st-docs/mvc.html
[25] S. Ceri, P. Fraternali, and P. Bongio, “Web Modelling Language (WebML): A Modelling Language for Designing Web Sites,” Proc. Ninth Int’l World Wide Web Conf., Computer Networks, vol. 33, nos. 1-6, pp. 137-157, May 2000.
[26] S. Ceri, P. Fraternali,A. Bongio,M. Brambilla, S. Comai, M. Matera. “Designing Data-Intensive Web Applications”. Morgan Kaufmann, 2002.
[27] S. Meliá, J. Gómez, S. Pérez, O. Díaz, “A Model-Driven Development for GWT-based RichInternet Applications with OOH4RIA”. In: Proc. of International Conference on Web Engineering, pp.13-23, 2008.
[28] UML-based Web Engineering, UWE, http://uwe.pst.ifi.lmu.de/index.html
[29] Understanding Java Server Pages Model 2 architecture, http://www.javaworld.com/javaworld/jw-12-1999/jw-12-ssj-jspmvc.html
[30] User Interface eXtensible Markup Language, UsiXML, http://www.usixml.org/index.php?mod=pages&id=2
[31] WebML resources. ‘The WebML Metamodel’, 2006, http://www.webml.org/webml/page5.do
[32] Y.C. Huang, “Transformations from Class Diagram to Relational Table and Application Template”, Master Thesis, National Sun Yat-sen University, 2004.