DWL TOOL FOR CREATING A CUSTOMIZED WEB-BASED SYSTEM GENERATOR

Ling-Hua Chang, Sanjiv Behl,

Tung-Ho Shieh, Chin-Chih Ou

OutLine

IntroductionDWL System StructureExperimental Results and

AnalysisConclusions and Future WorkRetated Work

Introduction

1. Our software tool is Dreamweaver Like or DWL for short since it is similar to Adobe Dreamweaver.

2. DWL tool is used to develop a web-based system for a company.

Introduction

3. Therefore we not only offer a company this web-based system but also give them this DWL tool which can be used to change the settings to modify it as their requirements change in the future.

DWL System Structure

Figure 1 The process of using DWL to translate webpage programs

Figure 2 Divisions of the HOME page of the E-commerce web system of Great Yo

About CSS

CSS is a style sheet language used for describing the presentation semantics (the look and formatting) of a document written in html.

About CSS (cont.)

CSS allows the separation of presentation from structure. CSS can define color, font, text alignment, size, borders, spacing, layout and many other typographic characteristics, and can do so independently for on-screen and printed views.

1. Using DWL translates a CSS code

The next figure will show a snapshot of the window which can be used to define the style sheets and these style sheets can be applied to different parts of a web page.

Figure 3 Window for creating/deleting style sheets

Figure 4 Specifying the characteristics of each element of style sheet topmenu

2. Using DWL translates HTML codes

Figure 5 Setting names of each web page

Figure 6 Selecting a web page

Figure 7 Setting the layout and components of HOME page

Experimental Results and Analysis

We have compared DWL with Dreamweaver and Dreamweaver has a very good built layout engine and which currently DWL cannot keep up with.

Experimental Results and Analysis (cont.)

So we add some functions into our tool to reduce the time to build a webpage. We note that each webpage in an E-commerce web system has something in common.

When users build the first page, they also run function of DWL common and then the other web pages have the same webpage as the first webpage. We will keep these common parts and just modify the different parts for the subsequent pages.

Experimental Results and Analysis(cont.) It is right to develop our DWL generator: because

DWL generates templates which can be used to modify each web page quickly by adding or updating lines of text, figures, hyperlinks, etc.

Conclusions and Future Work

DWL is a convenient tool for generating a web-based system.

DWL is not as complete yet as we would like it to be.

We are implementing a JSP generator and hopefully in the near future we will combine these two tools into our web-based system generator.

Then after that we wish we don’t need to write any code for a web-based system.

Retated Work Dreamweaver phpMyAdmin FireStorm/DAO Generating text search applications for

databases GARP: a tool for creating dynamic Web

reports using XSL and XML technologies

Thank you for your listening