DWL TOOL FOR CREATING A CUSTOMIZED WEB-BASED SYSTEM GENERATOR
description
Transcript of DWL TOOL FOR CREATING A CUSTOMIZED WEB-BASED SYSTEM GENERATOR
![Page 1: DWL TOOL FOR CREATING A CUSTOMIZED WEB-BASED SYSTEM GENERATOR](https://reader036.fdocuments.net/reader036/viewer/2022062409/568150d4550346895dbef776/html5/thumbnails/1.jpg)
DWL TOOL FOR CREATING A CUSTOMIZED WEB-BASED SYSTEM GENERATOR
Ling-Hua Chang, Sanjiv Behl,
Tung-Ho Shieh, Chin-Chih Ou
![Page 2: DWL TOOL FOR CREATING A CUSTOMIZED WEB-BASED SYSTEM GENERATOR](https://reader036.fdocuments.net/reader036/viewer/2022062409/568150d4550346895dbef776/html5/thumbnails/2.jpg)
OutLine
IntroductionDWL System StructureExperimental Results and
AnalysisConclusions and Future WorkRetated Work
![Page 3: DWL TOOL FOR CREATING A CUSTOMIZED WEB-BASED SYSTEM GENERATOR](https://reader036.fdocuments.net/reader036/viewer/2022062409/568150d4550346895dbef776/html5/thumbnails/3.jpg)
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.
![Page 4: DWL TOOL FOR CREATING A CUSTOMIZED WEB-BASED SYSTEM GENERATOR](https://reader036.fdocuments.net/reader036/viewer/2022062409/568150d4550346895dbef776/html5/thumbnails/4.jpg)
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.
![Page 5: DWL TOOL FOR CREATING A CUSTOMIZED WEB-BASED SYSTEM GENERATOR](https://reader036.fdocuments.net/reader036/viewer/2022062409/568150d4550346895dbef776/html5/thumbnails/5.jpg)
DWL System Structure
![Page 6: DWL TOOL FOR CREATING A CUSTOMIZED WEB-BASED SYSTEM GENERATOR](https://reader036.fdocuments.net/reader036/viewer/2022062409/568150d4550346895dbef776/html5/thumbnails/6.jpg)
Figure 1 The process of using DWL to translate webpage programs
![Page 7: DWL TOOL FOR CREATING A CUSTOMIZED WEB-BASED SYSTEM GENERATOR](https://reader036.fdocuments.net/reader036/viewer/2022062409/568150d4550346895dbef776/html5/thumbnails/7.jpg)
Figure 2 Divisions of the HOME page of the E-commerce web system of Great Yo
![Page 8: DWL TOOL FOR CREATING A CUSTOMIZED WEB-BASED SYSTEM GENERATOR](https://reader036.fdocuments.net/reader036/viewer/2022062409/568150d4550346895dbef776/html5/thumbnails/8.jpg)
About CSS
CSS is a style sheet language used for describing the presentation semantics (the look and formatting) of a document written in html.
![Page 9: DWL TOOL FOR CREATING A CUSTOMIZED WEB-BASED SYSTEM GENERATOR](https://reader036.fdocuments.net/reader036/viewer/2022062409/568150d4550346895dbef776/html5/thumbnails/9.jpg)
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.
![Page 10: DWL TOOL FOR CREATING A CUSTOMIZED WEB-BASED SYSTEM GENERATOR](https://reader036.fdocuments.net/reader036/viewer/2022062409/568150d4550346895dbef776/html5/thumbnails/10.jpg)
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.
![Page 11: DWL TOOL FOR CREATING A CUSTOMIZED WEB-BASED SYSTEM GENERATOR](https://reader036.fdocuments.net/reader036/viewer/2022062409/568150d4550346895dbef776/html5/thumbnails/11.jpg)
Figure 3 Window for creating/deleting style sheets
![Page 12: DWL TOOL FOR CREATING A CUSTOMIZED WEB-BASED SYSTEM GENERATOR](https://reader036.fdocuments.net/reader036/viewer/2022062409/568150d4550346895dbef776/html5/thumbnails/12.jpg)
Figure 4 Specifying the characteristics of each element of style sheet topmenu
![Page 13: DWL TOOL FOR CREATING A CUSTOMIZED WEB-BASED SYSTEM GENERATOR](https://reader036.fdocuments.net/reader036/viewer/2022062409/568150d4550346895dbef776/html5/thumbnails/13.jpg)
![Page 14: DWL TOOL FOR CREATING A CUSTOMIZED WEB-BASED SYSTEM GENERATOR](https://reader036.fdocuments.net/reader036/viewer/2022062409/568150d4550346895dbef776/html5/thumbnails/14.jpg)
2. Using DWL translates HTML codes
![Page 15: DWL TOOL FOR CREATING A CUSTOMIZED WEB-BASED SYSTEM GENERATOR](https://reader036.fdocuments.net/reader036/viewer/2022062409/568150d4550346895dbef776/html5/thumbnails/15.jpg)
Figure 5 Setting names of each web page
![Page 16: DWL TOOL FOR CREATING A CUSTOMIZED WEB-BASED SYSTEM GENERATOR](https://reader036.fdocuments.net/reader036/viewer/2022062409/568150d4550346895dbef776/html5/thumbnails/16.jpg)
Figure 6 Selecting a web page
![Page 17: DWL TOOL FOR CREATING A CUSTOMIZED WEB-BASED SYSTEM GENERATOR](https://reader036.fdocuments.net/reader036/viewer/2022062409/568150d4550346895dbef776/html5/thumbnails/17.jpg)
Figure 7 Setting the layout and components of HOME page
![Page 18: DWL TOOL FOR CREATING A CUSTOMIZED WEB-BASED SYSTEM GENERATOR](https://reader036.fdocuments.net/reader036/viewer/2022062409/568150d4550346895dbef776/html5/thumbnails/18.jpg)
![Page 19: DWL TOOL FOR CREATING A CUSTOMIZED WEB-BASED SYSTEM GENERATOR](https://reader036.fdocuments.net/reader036/viewer/2022062409/568150d4550346895dbef776/html5/thumbnails/19.jpg)
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.
![Page 20: DWL TOOL FOR CREATING A CUSTOMIZED WEB-BASED SYSTEM GENERATOR](https://reader036.fdocuments.net/reader036/viewer/2022062409/568150d4550346895dbef776/html5/thumbnails/20.jpg)
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.
![Page 21: DWL TOOL FOR CREATING A CUSTOMIZED WEB-BASED SYSTEM GENERATOR](https://reader036.fdocuments.net/reader036/viewer/2022062409/568150d4550346895dbef776/html5/thumbnails/21.jpg)
![Page 22: DWL TOOL FOR CREATING A CUSTOMIZED WEB-BASED SYSTEM GENERATOR](https://reader036.fdocuments.net/reader036/viewer/2022062409/568150d4550346895dbef776/html5/thumbnails/22.jpg)
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.
![Page 23: DWL TOOL FOR CREATING A CUSTOMIZED WEB-BASED SYSTEM GENERATOR](https://reader036.fdocuments.net/reader036/viewer/2022062409/568150d4550346895dbef776/html5/thumbnails/23.jpg)
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.
![Page 24: DWL TOOL FOR CREATING A CUSTOMIZED WEB-BASED SYSTEM GENERATOR](https://reader036.fdocuments.net/reader036/viewer/2022062409/568150d4550346895dbef776/html5/thumbnails/24.jpg)
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
![Page 25: DWL TOOL FOR CREATING A CUSTOMIZED WEB-BASED SYSTEM GENERATOR](https://reader036.fdocuments.net/reader036/viewer/2022062409/568150d4550346895dbef776/html5/thumbnails/25.jpg)
Thank you for your listening