DOI QR코드

DOI QR Code

Design of an Architecture Pattern for Ajax-based Web Applications

Ajax기반 웹 응용을 위한 아키텍쳐 패턴 설계

  • 김황만 (한독미디어대학원대학교 뉴미디어학부 미디어통신연구실) ;
  • 김용구 (한독미디어대학원대학교 뉴미디어학부 미디어통신연구실)
  • Received : 2011.05.26
  • Accepted : 2011.09.15
  • Published : 2011.09.30

Abstract

In order to achieve the ease of development and to facilitate the maintenance of codes for complex Ajax (Asynchronous Java Script and XML)-based web clients, this paper proposes a CVC (Communicator-View-Controller) architecture pattern by modifying the well-known MVC (Model-View-Controller) framework. By composing the Communicator of codes for asynchronous data retrieval, which is common to Ajax-based clients, the proposed architecture pattern is able to cut out the graphic design related codes to constitute the View layer. Based on such declarative generalization of complex web-client codes, Ajax-related codes can be easily modularized and efficiently reused in development and maintenance stages, and graphics design can be done separately regardless of the other business logic related codes development, resulting in highly efficient development and maintenance of complex Ajax-based web clients.

복잡한 Ajax (Asynchronous JavaScript and XML) 기반 클라이언트 개발에 있어, 그 개발편의성을 증대시키고 방대한 코드의 유지보수성을 개선하기 위해, 본 논문에서는 MVC (Model-View-Client) 프레임워크 기술을 변형한 CVC (Communicator-View-Controller) 아키텍처 패턴을 제안한다. 제안된 CVC 아키텍처 패턴은 Ajax 기반 클라이언트가 공통적으로 가지게 되는 데이터 추출을 위한 비동기 통신 관련 코드를 Communicator 영역으로 분류함으로써, 그래픽 디자인 영역에 해당하는 View와, View 계층에 효과적으로 데이터를 갱신하는 Controller 영역으로 개발 코드를 구분한다. 이와 같은 구분을 통해 Ajax 기반 클라이언트 개발의 방법을 서술적으로 개념화시킴으로써, Ajax 관련 코드를 효과적으로 모듈화 하여 재사용하고 그래픽 디자인을 독립적으로 처리할 수 있도록 하여 Ajax 기반 웹 응용의 개발생산성 및 유지보수성을 획기적으로 높일 수 있도록 하였다.

Keywords

References

  1. 이성혜, "UI는 보여지는 것만을 위한 작업이다?," 마이크로소프트웨어, p.33, 7월 2003년.
  2. Wikipedia, "Ajax (programming)," May 2011 [Online]. Available: http://en.wikipedia.org/wiki/Ajax
  3. James Y. Xu, "Integrating REST and Ajax into Model-View Controller - A web based billing system case study using Python," IEEE IT Professional, issue 99, p.1, 2010.
  4. K. Samkari and A. Joukhadar, "Comparison matrix for web HCI", in Proc. of Int. Conf. on ICT, 2008, pp.1-5.
  5. X. Liu, L. Liao, Y. Duan, and B. Yang, "Email information integration with SSO in portal serviced based on Ajax," in Proc. of Int. Conf. on CASM, 2010, pp.544-548.
  6. H. Yang, J. Shi, and X. Zhang, "The update version development of 'Wiki Message Linking' system - Integrated Ajax with MVC model," in Proc. of Int. Forum on CSTA, Dec. 2009, pp.209-212.
  7. H. Song, M. Zhang, and Z. Xu, "Design and implementation of online stock trading system," in Proc. of Int. Conf. on CISE, Dec. 2009, pp.1-4.
  8. H. Wang, Q. Zhu, J. Shen, and S. Cao, "Web-service-based design for rural industry by the local e-government," in Proc. of Int. Conf. MINS, Nov. 2010, pp.230-235.
  9. Z. Wang, Z. Liu, and Y. Yang, "Design and implementation of flexible e-government platform based on XML data-bus and lightweight MVC execution framework ASSH," in Proc. of Int. Conf. on CASM, Oct. 2010, pp.422-427.
  10. Wikipedia, "Model-view-controller," May 2011 [Online]. Available: http://en.wikipedia.org/wiki/
  11. A. Goldberg, "Smalltalk80: The interactive programming environment", Addison-Wesley Publ., 19894.
  12. Li Yan, "Intelligent multi-agent user interface design," in Proc. of IEEE Int. Forum on ITA, 2009, pp.496-498.
  13. J. Stocklein, C. Geiger, V. Paelke, and P. Pogscheba, "Poster: MVCE - A design pattern to guide the development of next generation user interfaces," in Proc. of IEEE Sympo. on 3D User Interfaces, 2009, pp.153-154.
  14. Seshadri G, Understanding JavaServer Pages M odel 2 architecture, JavaWorld.com [On-line], Available: http://www.javaworld.com/javaworld/jw-12-1999/jw-12-ssj-jspmvc.html
  15. Gamma E., Helm R., Johnson R., and Vlissides J., Design Patterns: Elements of Reusable Object-Oriented Software, Boston: Addison-Wesley, 1994.