A Method for Improving Efficiency of Web Page Measurement
Original Publication Date: 2003-Mar-12
Included in the Prior Art Database: 2003-Mar-12
Disclosed is a simple and useful tool to enable web developers to quickly verify whether the dimension of each component in a web page is compliant to the specified standard. When developing GUI, web designer needs to meet certain standards regarding the dimension of each component it contains. An example of this standard is IBM.com's v11 standard for internet pages. To meet the standard, web designer needs to ensure that all components in each page adhere to the specified dimensions. Using programs such as pixel ruler to measure each component in every page is very tedious and time consuming. The conventional measurement method using pixel ruler is to set the pixel ruler in vertical mode, position the ruler and then measure the height of the component. To measure its weight, the user will need to set the pixel ruler in horizontal mode, position the ruler and then take its measurement. This operation needs to be done for each and every component and/or areas to be measured. In addition to this, differences on how certain browser displays each component add another complexity to this problem, since web designer has to repeat the same measurement in different browsers. The core idea of the invention is to eliminate the process of moving the pixel ruler around for each measurement in every page. Typically, a web page comprises of a common layout and its specific content. The elements in the content include image, buttons, links, etc. By using the tool, developer can define the rules to be applied in common layout for all the pages as well as to elements in the content. Grid lines representing the common layout rules will be displayed on the browser screen, enabling the developer to justify whether the current page meets the standard. These grid lines can be regenerated when the browser goes to the next page. If gaps are detected between the grid line and the actual page layout, web designer can know the offset by specifying the start and end points of the gaps. The same rule applies to element in the content except that additional information, e.g. the type of the content, needs to be specified. In all cases, web designer does not need to move around the pixel ruler and repeat the same measurement on every page. Additionally, the tool will generate a report containing all the measurements (in a file) and allow web designer to do correction after all the measurements have been done.