1. DWL TOOL FOR CREATING A CUSTOMIZED WEB-BASED SYSTEM GENERATOR Ling-Hua Chang, Sanjiv Behl, Tung-Ho Shieh, Chin-Chih Ou

2. OutLine  Introduction  DWL System Structure  Experimental Results and Analysis  Conclusions and Future Work  Retated Work

3. 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.

4. 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.

5. DWL System Structure

6. Figure 1 The process of using DWL to translate webpage programs

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

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

9. 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.

10. 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.

11. Figure 3 Window for creating/deleting style sheets

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

14. 2. Using DWL translates HTML codes

15. Figure 5 Setting names of each web page

16. Figure 6 Selecting a web page

17. Figure 7 Setting the layout and components of HOME page

19. 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.

20. 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.

22. 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.

23. 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.

24. 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

25. Thank you for your listening