物件導向之動態與互動性網頁設計模型

Abstract

在這個網際網路盛行的時代，靜態的網頁效果早已不敷使用。為了使網頁呈現動態與互動性的效果，過去曾發展出一些技術，如Common Gateway Interface(CGI)、Java Applets、Plug-Ins及ActiveX Controls等等，但這些技術與標準仍舊存在著一些問題。其次，目前的網頁設計概念－循序式、結構化、視覺化與範本等，亦潛藏著非模組化、不易擴充、不易維護、無法再利用等等缺點，使得開發、維護及管理動態與互動性的網頁是愈形困難。 本研究希望藉由整合DHTML架構與物件導向概念，提出一個使設計者更容易開發出具有動態與互動性效果的網頁之模型，以解決上述之問題。此模型主要定義網頁相關類別階層並採用三層式之主從系統架構。在此模型中，小至一張圖片或一個連結，大至整個網頁都是一個物件。設計者可以開發自己的物件及定義樣式，並藉由描述物件間的相互關係與事件模型，而使網頁呈現出動態與互動性的效果。

Static effect of Web pages is no longer useful enough in the age of the Internet. In order to present dynamic and interactive effects on Web pages, some technologies have been developed, such as Common Gateway Interface(CGI), Java Applets, Plug-Ins and ActiveX Controls. But some problems still exist despite of these technologies and the standards. Additionally, the existing concepts of Web page design, which include sequential design, structured design, visualization, and the use of templates, have some disadvantages, such as non-modularization, difficulty of expansion, uneasiness of maintenance, non-reusability and so on. These drawbacks increase the difficulties of developing, maintaining and managing dynamic and interactive Web pages. In this study, we propose a model to overcome the above difficulties and to help designers easily developing Web pages with dynamic and interactive effects by integrating the architecture of DHTML and employing the concept of object–oriented design. The proposed model is used to define the class hierarchy of Web pages and it adopts a three-layered client-server architecture. In this model, everything is an object no matter it is a picture, a link or a page. The designer thus can develop his or her own objects as well as classes. We believe that by describing the internal relationship of objects and the event models, the designer can present the Web pages to achieve more dynamic and interactive effects.