模型驅動架構(MDA)是一種新的軟體發展框架。本研究的目的是結合Conallen學者的網頁應用設計和Kleppe學者的模型驅動架構流程發展網頁應用程式。本研究使用強韌圖來連接需求和設計間的落差，展現一種系統化的方法用物件導向技術概念來整合模型驅動架構在系統發展流程中來轉換類別圖到物件導向資料庫、應用程式樣板、程式樣板等。本研究提出一種模型到模型的轉換規則從計算獨立模式到平台獨立模式，平台獨立模式到特定平台模式，最後從特定平台模式轉換到程式碼。這個程式碼是一種Java網頁專案樣板，可以直接匯入到整合開發工具完成剩餘的程式碼。本文提議的方法將透過個案研究來展示其可行性。我們發展一種工具名稱為WebPSM2Code，可以自動轉換特定平台模式到網頁應用程式碼，例如: JSP, HTML, Servlet, JavaScript, 配置檔。所有檔案可以自動對應到正確Java 網頁專案目錄裡。除此之外，針對使用者介面的設計，本研究提出一種快速方法來伸縮使用者介面來符合各種移動裝置，例如智慧型手機、平板電腦、或桌上型電腦。本研究可促使對發展網頁應用程式在不同裝置上有更清楚了解。使用這種方法論，系統可以被分析、設計、生產更系統化。因此，網頁程式設計師可以大大減少程式設計的時間。

Model Driven Architecture (MDA) is a new software development framework. The main goal of this study is to present a model-driven approach to the development of Web applications by combining Conallen’s Web applications design concept and Kleppe’s MDA process. This study uses Robustness diagram to connect the gap between requirement and design, and presents a systematic methodology which integrated the MDA with object-oriented technology (OOT) concepts to transform the class diagram into object-relational database and application templates and code templates during the system development process. We propose mapping rules for model-to-model transformation, from CIM to PIM, PIM to PSM, and PSM to codes. The code is a Java Web project template, which can directly import to an IDE tools to finish remained codes. The practicality of the proposed methodology is demonstrated through a case study. We develop a tool named WebPSM2Code, which can automatically transform PSM diagram to a Web application codes, such as Java, JSP, HTML, Servlet, JavaScript, as well as deployment descriptor file. All the files can automatically address to the correct directory structure for a Java Web project. Furthermore, for the user interface design, this study proposes a faster approach to shrink the UI to adapt all kinds of portable devices, such as smartphone, Tablet PC, and Desktop. This study may lead to a better understanding of developing a Web application to adapt any kinds of devices. Using this methodology, systems can be analyzed, designed, and generated more easily and systematically. Thereby, the Web programmers can reduce the coding time.

[1] Beigbeder, S. M., & Castro, C. C. (2004). An MDA approach for the development of web applications. In Web Engineering. Springer Berlin Heidelberg, 300-305.
[2] Boggs, W., & Boggs, M. (2002) Mastering UML with Rational Rose. Sybex.
[3] Bongio, A., Fraternali, P., Brambilla, M., Comai, S., & Matera, M. (2003).Morgan Kaufmann series in data management systems: Designing data-intensive Web applications. Morgan Kaufmann.
[4] Booch, G., Rumbaugh, J., & Jacobson, I. (2005). The unified modeling language user guide. 2nd ed. Addison-Welsley Longman Inc.
[5] Busch, M., & Koch, N. (2009). MagicUWE–A CASE Tool Plugin for Modeling Web Applications. Springer Berlin Heidelberg, 505-508.
[6] Caceres, P., Marcos, E., & Vela, B. (2003). A MDA-based approach for web information system development. In Workshop in software model engineering.
[7] Chien, J. L. (2005). MDA: Transformation from Class Diagram to User Interface. Master Thesis, National Sun Yat-Sen University.
[8] Conallen, J. (1999). Modeling Web application architectures with UML. Communications of the ACM, 42(10), 63-70.
[9] Conallen, J. (2002). Building Web applications with UML. 2nd ed. Addison-Wesley Longman Publishing Co., Inc.
[10] Gómez, J., & Cachero, C. (2003). OO-H Method: extending UML to model web interfaces. Information modeling for internet applications, 144-173.
[11] Harrison, W., Barton, C., & Raghavachari, M. (2000). Mapping UML designs to Java. ACM, 35(10), 178-187.
[12] Huang, Y.C. (2004). Transformations from Class Diagram to Relational Table and Application Template, Master Thesis, National Sun Yat-Sen University.
[13] Huang, Y.C., & Chu, C.P. (2014). Developing Web Applications Based on Model Driven Architecture. International Journal of Software Engineering and Knowledge Engineering, 24(2), 163-182.
[14] Jacobson, I. (1992). Object oriented software engineering: a use case driven approach. Addison-Wesley.
[15] Johnson, J. (2009). CHAOS Summary 2009. Boston MA: Standish Group.
[16] Kleppe, A. G., Warmer, J. B., & Bast, W. (2003). MDA explained: the model driven architecture: practice and promise. Addison-Wesley Professional.
[17] Koch, N., Knapp, A., Zhang, G., & Baumeister, H. (2008). UML-based web engineering. In Web Engineering: Modelling and Implementing Web Applications. Springer London, 157-191.
[18] Koch, N. (2007). Classification of model transformation techniques used in uml-based web engineering. IET software, 1(3), 98-111.
[19] Kraus, A., Knapp, A., & Koch, N. (2007). Model-Driven Generation of Web Applications in UWE. MDWE, 261.
[20] Kroiss, C., Koch, N., & Knapp, A. (2009). Uwe4jsf: A model-driven generation approach for web applications (pp. 493-496). Springer Berlin Heidelberg.
[21] Lethbridge, T. C. and Laganiere, P. (2005). Object-Oriented Software Engineering: Practical Software Development using UML and JAVA. 2nd ed, Mcgraw-Hill.
[22] Lin, S. S., Shin, S. S., Hsieh, M. C., Wu, J. H., & Hung, W. S. (2009). MDA-Based UI Modeling and Transformation of Spoken Dialog Systems. InHybrid Intelligent Systems, 2009. HIS'09. Ninth International Conference on, 1, 47-51.
[23] Linaje, M., Preciado, J. C., & Sánchez-Figueroa, F. (2007). Engineering rich internet application user interfaces over legacy web models. Internet Computing, IEEE, 11(6), 53-59.
[24] Matsutsuka, V. Y. F. V. T. (2004). New Web application development tool and its MDA-based support methodology. FUJITSU Sci. Tech. J, 40(1), 94-101.
[25] Meliá, S., Gómez, J., & Serrano, J. L. (2007). WebTE: MDA transformation engine for web applications. In Web Engineering. Springer Berlin Heidelberg, 491-495.
[26] Mellor, S. J. (Ed.). (2004). MDA distilled: principles of model-driven architecture. Addison-Wesley Professional.
[27] Meservy, T. O., & Fenstermacher, K. D. (2005). Transforming software development: an MDA road map. Computer, 38(9), 52-58.
[28] OMG (2003). MDA Guide Version 1.0.1. (http://www.omg.org).
[29] OMG, O. (2013). Unified Modeling Language. Version 2.5. (http://www.omg.org).
[30] Preciado, J. C., Linaje, M., Morales-Chaparro, R., Sanchez-Figueroa, F., Zhang, G., Kroiß, C., & Koch, N. (2008). Designing rich internet applications combining uwe and rux-method. In Web Engineering, 2008. ICWE'08. Eighth International Conference on IEEE, 148-154.
[31] Roger, S. P. (2010). Software engineering: a practitioner’s approach. 7th ed. McGrow-Hill.
[32] Rosenberg, D., & Stephens, M. (2007). Use case driven object modeling with UML. APress, Berkeley, USA.
[33] Schauerhuber, A., Wimmer, M., Kapsammer, E., Schwinger, W., & Retschitzegger, W. (2007). Bridging webml to model-driven engineering: from document type definitions to meta object facility. Software, IET, 1(3), 81-97.
[34] Schmid, H. A., & Donnerhak, O. (2005). OOHDMDA–an MDA approach for OOHDM. In Web Engineering. Springer Berlin Heidelberg, 569-574.
[35] Schmid, H. A., & Donnerhak, O. (2005). The PIM to Servlet-Based PSM Transformation with OOHDMDA. In Proc. of the Workshop on Model-driven Web Engineering (MDWE2005), Sydney, Australia.
[36] Schwabe, D., & Rossi, G. (1998). Developing hypermedia applications using OOHDM. In Workshop on Hypermedia Development Process, Methods and Models, Hypertext.
[37] Standish Group. (2012). Chaos summary 2012.
[38] Tai, H., Mitsui, K., Nerome, T., Abe, M., Ono, K., & Hori, M. (2004). Model-driven development of large-scale Web applications. IBM Journal of Research and Development, 48(5.6), 797-809.
[39] Unified Modeling Language. (2014). From Wikipedia. (http://en.wikipedia.org/wiki/)
[40] Vallecillo, A., et al. (2007). MDWEnet: A practical approach to achieving interoperability of model-driven Web engineering methods.
[41] Wu, J. H., Huang, Y. C., & Shin, S. S. (2005). Object-oriented analysis and design: Transformation from class diagram to relational table and application template. Journal of Internet Technology, 6(4), 453-461.
[42] Wu, J. H., & Lin, S.H. (2013). Systems analysis and Design: Theory and Application. 6th ed. Taipei: BestWise.
[43] Wu, J. H., Shin, S., Chien, J., Chao, W., & Hsieh, M. (2007). An extended MDA method for user interface modeling and transformation. ECIS 2007 Proceedings.
[44] Zhao, C., & Zhang, K. (2007). Transformational approaches to model driven architecture-a review. In Proceedings of the 31st IEEE Software Engineering Workshop. IEEE Computer Society, 67-74.
[45] Zhou, J., & Stålhane, T. (2004). A framework for early robustness assessment. In IASTED Conf. on Software Engineering and Applications, 264-268.