AU7151400A - Size to fit browser - Google Patents
Size to fit browser Download PDFInfo
- Publication number
- AU7151400A AU7151400A AU71514/00A AU7151400A AU7151400A AU 7151400 A AU7151400 A AU 7151400A AU 71514/00 A AU71514/00 A AU 71514/00A AU 7151400 A AU7151400 A AU 7151400A AU 7151400 A AU7151400 A AU 7151400A
- Authority
- AU
- Australia
- Prior art keywords
- width
- components
- window
- information
- presentation
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Landscapes
- Digital Computer Display Output (AREA)
- User Interface Of Digital Computer (AREA)
Description
S&FRef: 529280
AUSTRALIA
PATENTS ACT 1990 COMPLETE SPECIFICATION FOR A STANDARD PATENT
ORIGINAL
Name and Address of Applicant: Actual Inventor(s): Address for Service: Invention Title: Canon Kabushiki Kaisha 30-2, Shimomaruko 3-chome, Ohta-ku Tokyo 146 Japan Julian Benjamin Kelsey and John Stewart Reeves Spruson Ferguson St Martins Tower 31 Market Street Sydney NSW 2000 Size to Fit Browser ASSOCIATED PROVISIONAL APPLICATION DETAILS [33] Country [31] Applic. No(s) AU PQ4034 [32] Application Date 12 Nov 1999 The following statement is a full description of this invention, including the best method of performing it known to me/us:r Australiz 7rec'ved j
I-.
on 5815c -1- SIZE TO FIT BROWSER Field of the Invention The present invention relates to the viewing of electronic documents and, inll particular, to a method by which documents, irrespective of their size and in particular their width, are conveniently displayed to enable quick review by a user of the electronic document.
Background The concept of electronically previewing documents is one well known in the art. For example, many word processor applications and Internet web browser 1o applications include arrangements by which the main editing or viewing display may be represented to the user so as to depict the full layout of a page that may be printed, thus giving rise to the common name "print preview".
However the print preview function of many computer applications is determined by the page size upon which the electronic information is to be printed and a Is level of magnification desired by the user for the print preview. For example, Microsoft Word for Windows 97 provides a print preview function which can accommodate a number of different paper sizes (eg. A4, foolscap, etc.) and may also reproduce a print preview and a variety of magnifications having preset values from 10% through to 500%.
However, with a typical implementation of Word 97, only those print previews having a 20 magnification of 40% or less are sufficient to provide an unobscured full page representation ofa single A4 page for example.
Electronic pages developed for presentation on the World Wide Web (WWW or :o simply "the Web") using Hypertext Mark-up Language (HTML) protocol have no concept of width. The author of such a page may develop the page to any desired width.
-ol In order to present an HTML page, Web browser application software basically ooi implement a laying out of the page from the top left hand corner of the display screen, and continue from that "origin" position. The overall width of an HTML page can be i determined by those images, tables or frames contained within the page, in combination with various layout rules implemented by the Web browser application.
S30 Web browser applications such as NETSCAPE NAVIGATOR (Netscape ooo* 0 Corporation, USA), and MICROSOFT INTERNET EXPLORER (Microsoft Corporation, USA) are designed primarily for displaying page contents on a display screen, having printing of the page being relegated to a secondary consideration.
It is an object of the present invention to substantially overcome, or at least ameliorate, one or more deficiencies associated with the existing arrangement.
529280.doc -2- Summary of the Invention According to a first aspect of the present disclosure, there is provided a computer network browser application comprising a graphical user interface having a window display area characterised by the absence of a horizontal scroll bar.
According to a second aspect of the present disclosure, there is provided a method of presenting information comprising plural components by electronic display, said components being collectively arranged for presentation, said method comprising the steps of: establishing a presentation window having a width; 1o adjusting a presentation size of said information by applying a plurality of differing scaling factors to said components so that a width of said information is modified to fall within the width of the presentation window; displaying the adjusted information within said window.
Other aspects are also disclosed.
Is Brief Description of the Drawings A number of embodiments of the present invention will now be described with reference to the drawings and Appendix, in which: Fig. 1 illustrates a Web browser page presentation according to the prior art; Fig. 2 is another representation of a prior art Web browser representation; 20 Fig. 3 is a presentation of a size to fit browser in accordance with the present disclosure; i Fig. 4 is a further presentation in accordance with the present disclosure; Figs. 5A and 5B provide a first comparative example; Figs. 6A and 6B provide a second comparative example; Figs. 7A and 7B provide further examples according to the present disclosure; Figs. 8A and 8B are prior art and Fig. 8C is a comparative example of a size to fit widow; ~Fig. 9 is a schematic block diagram representation of a computer system in which embodiments of the invention may be practised; 30 Figs. 10A to 10D depict one method of size-to-fit layout; Figs. 1 1A and 1 1B are flow charts of a size-to-fit layout method; Figs. 12A and 12B are graphs depicting relationships between page components and their layout according to an alternative implementation; and Appendix A provides a pseudo-code description of a size-to-fit layout method including differential scaling.
529280.doc -3- Detailed Description Fig. 1 shows a representation of a display window 10 of a prior art Web browser display formed using the NETSCAPE browser application. The window 10 may be resized in a known manner utilising a resizing corner tab 11 or by dragging a side boundary 12 and/or 13. Having established the size of the window 10, inforimation contained at a particular Web page may then be presented (displayed) within a display area 14 of the window 10. In this example, it is seen that the information displayed within the display area 14 exceeds the boundaries of the display area 14 and, as a consequence, a vertical scroll bar 15 and a horizontal scroll bar 16 are provided to allow io for two-dimensional scrolling of the display area 14 so that all of the contents of the Web page may be viewed.
Fig. 2 shows a window 20 that corresponds to the window 10 in all respects excepting that the window 20 has been resized, for example through a manipulation of the comer tab 11. Such resizing will be well known to those familiar with operating systems that utilize windows to present information. It will be observed from Fig. 2 that although the same information contained by the window 10 is presented in the window 20, the manner in which that information is displayed has been altered. In particular, in Fig. 1, a first portion 17 of the information is displayed spread across the display area 14 whereas in Fig. 2, the corresponding information 22 has been repositioned in an attempt to allow 20 that information to fit within the window Significantly, with each of the prior art arrangements of Figs. 1 and 2 a horizontal scroll bar is necessary to enable viewing of all the contents of the Web page.
Further, in view of the dependence of the information being displayed upon the size of the browser window, the author of the Web page could never be 100% certain the Web page o will be shown as was intended when created.
With each of the presentations of Figs. 1 and 2, the user has the option of selecting a print preview function which operates in the fashion described above to provide a print preview of a page to be printed using the information contained. It will be appreciated by those skilled in the art that the print preview corresponding to each of 30o Figs. 1 and 2 will be identical. However, depending on the authored width of the Web page, some information contained therein may not be represented in the print preview.
Preferred embodiments of the present invention relate to a window dubbed with the name "Quick View" by the present inventors that, when selected, automatically provides a presentation within a window of the full width of the Web page in a fashion automatically sized to fill the width of the window.
529280.doc -4- Turning now to Fig. 3, a window 30 is shown according to the preferred embodiment derived from the same source information as Figs. I and 2. The size of the window 30 is adjustable in a manner corresponding the windows of Figs. 1 and 2.
However, and in accordance with the preferred embodiment, the window 30, when selected by the user, provides a presentation 31 of the information contained within the Web page automatically sized to display the entire width of the Web page within the window 30. As will be apparent, the content of the Web page shown in the window 30 of Fig. 3 corresponds to that shown in each of the windows 10 and 20 of Figs. 1 and 2 respectively, but also includes further information contained within the particular Web page that would only be visible in the windows 10 and 20 through manipulation of the scroll bars 15 and 16.
Fig. 4 shows another window 40 in accordance with the preferred embodiment also derived from the same source information as Figs. 1 and 2. In comparison with the presentation of Fig. 3, it will be appreciated that the window 40 has been resized and reshaped which has resulted in a resizing of the corresponding display area 41. However, in similar fashion to the window 30 of Fig. 3, the same Web page information is again presented in a "Quick View" fashion such that the display area 41 contains the entire width of the Web page. As will be appreciated through a comparison of Figs. 3 and 4, and the prior art presentations of Figs. 1 and 2, that all of the information contained 20 within the Web page is again reproduced but, in view of the smaller size of the window .40 compared to the window 30, also the information is reproduced in a much smaller *-*)fashion (lower zoom ratio) sized to fit within the width of the window ~As seen in each of Figs. 3 and 4, vertical scroll bars 32 and 42 are provided to enable viewing of those Web pages which, when presented in the "Quick View" format, exceed the length of the window. This facility is provided in the described embodiments since users of windowed applications are usually adept at scrolling in up and down directions through a document relatively quickly in order to obtain an impression of the contents thereof. Scrolling however in two-dimensions, as required by the prior art arrangements of Figs. 1 and 2 is significantly more time consuming and can be 30 disorientating depending on the zoom ratio of the document being presented.
~Obviating a need for horizontal scrolling in the described embodiments conveniently provides for the display of frames, tables and images that often extend beyond with the width of a normal browser display window (eg. Figs 1 and 2) or a printable page (eg. a print preview display). In this regard, with many Web documents, a traditional "print preview" using a standard browser such as those shown in Figs. I and 2, 529280.doc can still result in some of the information of the Web page being chopped off from the edge of the print preview display.
The preferred embodiment facilitates the placing of two of the "Quick View" windows 30 or 40 side-by-side on a normal size computer screen, so that the contents of each can be read and compared without the need for any horizontal scrolling in either window. For prior art browser displays, if two browser windows are placed side by side, in general, horizontal scrolling will be necessary in order to view arbitrary Web pages.
Although the text of the window 30 is difficult to read, and the smaller text of the window 40 is essentially illegible, such presentations can still be useful in providing io the user with a quick summary of the content of a page. In particular, in many cases, text may be sufficiently legible to permit the collecting of links and the previewing of Web sites and the comparison of Web pages.
The "Quick View" windows 30 and 40 further do not correspond with print preview windows which are founded upon a specific height to width ratio determined by the page medium upon which the information is to be printed (eg. A4 or foolscap etc). In the preferred embodiment, the size of the presentation is determined by the content of the electronic Web page and the size of the "Quick View" window into which it is to be presented.
In order to provide the "Quick View" presentation, the embodiments apply a 20 size-to-fit layout method which comprises differential scaling and layout to those distinct oo components of the Web page to be presented. In this regard, inost Web pages include a variety of data formats and types which, by virtue of the HTML structure and other oogoo similar structures, divide the Web page into component blocks such as text, tables, images (eg. JPEG, GIF), uniform resource indicators (URI's) and locators (URL's), and the like.
25 The preferred embodiment operates by identifying those different components that form a "Web page to be presented, and then applies different scaling factors and layout arrangements to the components in order to optimise their respective display within the "Quick View" window whilst maintaining the general layout of the Web page as established by the author thereof. This can be achieved according to one embodiment by examining those components that contribute to the widest portion of the Web page, and establishing scaling factors for those components to enable them to fit within the "Quick View" window. The scaling factors of other components are then determined so as to maximise the presentation size of those other components whilst maintaining the general layout of the "Quick View" presentation consistent with that of the Web page as 529280.doc originally authored. Examples of the differential scaling used in the preferred embodiment can now be described with reference to Figs. 5A to 8B.
Fig. 5A shows a prior art NETSCAPE window 50 comprising a number of components including a banner 51A (a JPEG image), a text layout 56A including URI's, and a table 57 which includes a text sub-table 57A incorporating URI's and an image portion 52A, being the same JPEG image as the banner 51A. As seen, not all of the Web page content is displayed in Fig. 5A. Fig. 5B shows a corresponding "Quick View" window 59 from which it is seen that the full extent of the width of the Web page is set by the table 57 which, as is now apparent includes a further banner image 58B, again formed 1o by the same JPEG image as above. In Fig. 5A, each of the JPEG images 51A and 52A have the same size, in this case represented by a height 53 which has a dimension of 38 mm. As seen from Fig. 5B however, the height 54 of the image 51B (measuring 23 mm) is different from the height 55 of the image 52B (which measures 14 mm). In the preferred embodiment, the scaling factors applied to different Web page components are 5 zoom factors which may be expressed as percentages and thus maintain the height-toooooo width ratio of the components being scaled. As a consequence, the heights referred to in Figs. 5A and 5B are directly proportional to the corresponding widths of the corresponding components. Heights are referred to in Figs. 5A and 5B for illustrative purposes since in Fig. 5A, the width of the images 51A and 52A are unable to be 20 determined. From the heights mentioned, it will be appreciated that in order to form the o "Quick View" presentation of Fig. 5B, the table 57 including the text table 57A, image 52A and image 58B, have each been scaled by 36.8% to enable them to fit within the window 59 in a side-by-side relationship as established by the author of the Web page.
The image 51A however, since it is not a determinator of the width of the Web page has 25 been scaled by a different, smaller ratio, in this case 60.5%, to ensure optimal relative reproduction in the window 59.
Figs. 6A and 6B show another comparative example that illustrates how modifications to text may occur. Fig. 6A shows a NETSCAPE window 60 having two components 61A and 62A. In this example, the component 62A comprises a table including text, the table having a specified HTML width which establishes the width of the Web page. Those familiar with the NETSCAPE product will appreciate that some wrapping of the text as seen in Fig. 6A has occurred where that application has attempted to display as much of the Web page as possible within the window 60. Specifically the authored HTML Web page as seen in the window 60 provides for the text within each of the components 61A and 62A to have the same font size. In creating the corresponding 529280.doc "Quick View" window 59 of Fig. 6B, the extent of scaling of the content of the Web page is founded upon the scaling required for the width determining table 62A to fit within the window 59. A scaling of about 33% is applied to create the corresponding component 62B in the window 69. However, since the portion 61A does not contribute to the maximum width of the Web page, the portion 61A may be scaled by a smaller amount, in this case about 37%. Again, the authored layout of the Web page is maintained.
Fig. 7A shows a "Quick View" window 70 where the maximum width of the displayed presentation is determined by a table including an image component 71 and a 1o text table component 72. In this example, the text table component 72 may be displayed with the text being wrapped thereby minimising the width of the text, and thus the width of the component 72 as displayed. Accordingly, the amount by which the text within the component 72 must be scaled is minimised, thereby providing larger text and thus optimising the reproduction thereof. As seen in Fig. 7A, a vertical scroll bar 73 may be Is used to view the content of the Web page (ie. part of the text component 72) not presented ooooo within the window Fig. 7B shows a "Quick view" window 74 having the same size as the i" °window 70 and same content excepting that the relatively wide image 71 of Fig. 7A has been replaced by a narrower image 75. Again the image 75 and text table component oooo 20 establish the maximum width of the Web Page. However, in this example, the degree of oooo scaling required for the "Quick View" presentation is not as great, and accordingly, the text component may be represented without wrapping as seen at 76 in Fig. 7B.
Fig. 8A shows a prior art window 80 that may be obtained from a Web page using a traditional browser. In this example, the maximum width of the Web page is set 25 by a very wide image 81 (2000 pixels wide) and text 82 shown at actual size. The text 82 is wrapped and thus may be viewed in full by vertical scrolling. It is observed however that a horizontal scroll bar 83 is required to be manipulated for the entire image 81 to be viewed from within the window Fig. 8B shows a further prior art window 84 having a width corresponding to the window 80 and presenting all the elements of the Web page of Fig. 8A reduced by the same scaling (zoom) factor. This is a feature available in Word97 for Windows (Microsoft Corp.) that may be achieved by previewing pages with the width set to the window width. As seen in Fig. 8B, the entire image 85 is now presented, but that the text 86, having been shrunk by the same amount, is now so small as to be illegible.
529280.doc -8- Fig. 8C shows the same Web page as Figs. 8A and 8B viewed in a "Quick View" window 87 having the same width as the windows 80 and 84. The presentation within the window 87 is formed using differential scaling where it is seen that the image 88 has been shrunk to fit the width of the window 87, and in this regard corresponds to the image presented in the window 84. However, through application of differential scaling, the text 89 has remained the same size as it would have without the presence of the image 88, and so remains quite legible.
Some Web pages are created as frames pages, where the main page specifies the size, position and URL's for a number of rectangular frames which are fitted together to form a composite page. Browsers that are capable of displaying frames pages typically display the frames as separate scrollable windows tiled into the mains display area of the browser.
The preferred embodiment handles frames by first converting the frames into HTML tables, and then laying the tables out as it would for other ordinary HTML tables.
S 5s One consequence of this is that no frame scroll bars are displayed. The frames are displayed in a fixed, tiled arrangement the entirety of which may be scrolled vertically, where necessary. Frames are extended by white space at the bottom and to the right as .i necessary to make them fit into the tiled arrangement.
The "Quick View" display methods described herein are preferably practiced using a conventional general-purpose computer system 100, such as that shown in Fig. 9 wherein the processes of pseudo-code of Appendix A may be implemented as software, such as an application program, executing within the computer system 100. In particular, the steps of the viewing method are effected by instructions in the software that are carried out by the computer. The software may be divided into two separate parts; one 25 part for carrying out the viewing methods; and another part to manage the user interface *...-between the latter and the user. The software may be stored in a computer readable medium, including the storage devices described below, for example. The software is loaded into the computer from the computer readable medium, and then executed by the computer. A computer readable medium having such software or computer program recorded on it is a computer program product. The use of the computer program product in the computer preferably effects an advantageous apparatus for Web page viewing in accordance with the embodiments of the invention.
A seen in Fig. 9, the computer system 100 comprises a computer module 101, input devices such as a keyboard 102 and mouse 103, output devices including a printer 115 and a display device 114. The windows described above for both the prior art 529280.doc of for the embodiments are typically presented to the user via the display device 114.
Manipulation of the windows may be obtained using the mouse 103 and/or keyboard 102 in a traditional manner. A Modulator-Demodulator (Modem) transceiver device 116 is used by the computer module 101 for communicating to and from a communications network 120, for example connectable via a telephone line 121 or other functional medium. The modem 116 can be used to obtain access to computer and communications networks such as Local Area Networks (LAN's) or Wide Area Networks (WAN's), the Internet, and the Web.
The computer module 101 typically includes at least one processor unit 105, a memory unit 106, for example formed from semiconductor random access memory (RAM) and read only memory (ROM), input/output interfaces including a video interface 107, and an I/O interface 113 for the keyboard 102 and mouse 103 and optionally a joystick (not illustrated), and an interface 108 for the modem 116. A storage device 109 is provided and typically includes a hard disk drive 110 and a floppy disk drive 111. A magnetic tape drive (not illustrated) may also be used. A CD-ROM drive 112 is typically provided as a non-volatile source of data. The components 105 to 113 of the computer module 101, typically communicate via an interconnected bus 104 and in a manner which results in a conventional mode of operation of the computer system 100 known to those in the relevant art. Examples of computers on which the embodiments can be practised include IBM-PC's and compatibles, Sun Sparcstations or alike computer systems evolved therefrom.
Typically, the application program of the preferred embodiment is resident on the hard disk drive 110 and read and controlled in its execution by the processor 105.
Intermediate storage of the program and any data fetched from the network 120 may be 25 accomplished using the semiconductor memory 106, possibly in concert with the hard *disk drive 110. In some instances, the application program may be supplied to the user encoded on a CD-ROM or floppy disk and read via the corresponding drive 112 or 111, or alternatively may be read by the user from the network 120 via the modem device 116.
Still further, the software can also be loaded into the computer system 100 from other computer readable medium including magnetic tape, a ROM or integrated circuit, a magneto-optical disk, a radio or infra-red transmission channel between the computer module 101 and another device, a computer readable card such as a PCMCIA card, and the Internet and Intranets including e-mail transmissions and information recorded on Websites and the like. The foregoing is merely exemplary of relevant computer readable 529280.doc S mediums. Other computer readable mediums may be practiced without departing from the scope and spirit of the invention.
The viewing method may alternatively be implemented in dedicated hardware such as one or more integrated circuits performing the functions or sub functions of Appendix A. Such dedicated hardware may include graphic processors, digital signal processors, or one or more microprocessors and associated memories.
Referring to Appendix A, the opening or creation of a "Quick View" window may be invoked in manner similar to known print preview windows from a host application, such as a browser. In such cases the window will typically open to a predefined size and thereafter may have its size manipulated by the user as described above. The preferred embodiment as set out in Appendix A operates by processing the Web page on a line-by-line basis, noting that each line may include text, images, tables or combinations thereof. The pseudo-code comprises a main routine PAGE LAYOUT which initially sets the layout width to that of the "Quick View" window. Thereafter each component (or element) of the Web page is processed, on a line-by-line basis. A test is performed to determine if the element is either an image, a table, or other (eg. text).
Images and tables are processed according to corresponding subroutines IMAGE LAYOUT and TABLE LAYOUT. The processing of images determines an appropriate scaling factor for that image or enclosing table cell where applicable, and then coo* scales the image accordingly. For tables, elements within the table are considered to o determine if they are also images, tables or other. The processing of tables modifies the width of cells in the table to accommodate the elements therewithin. Text, as seen in Fig. 7A may be wrapped within cells whilst images may not. Where an image and a table are present on the same line in the original HTML source, the preferred "Quick View" 25 application may split the two onto separate lines if they don't both fit onto the same line.
If the Web page author wishes to prevent such "post production" formatting, the author must create a table and place the components into adjacent table cells.
The processing afforded by an application program according to Appendix A results in the creation of a "Quick View" window of the form described above. Where the user desires to interactively modify the size of the "Quick View" window, manipulation of a resizing corner or edges of the "Quick View" window may be performed in a traditional manner. The "Quick View" presentation within the window is then simply scaled according to the prior art method of Fig. 8B since, at that stage, the "Quick View" presentation is optimised to the width of the window given the particular 529280.doc -11source components (elements) from the Web page, and further resizing maintains a constant height to width ratio.
Figs. 10A to 10D show an alternative method for producing a size-to-fit window display. Fig. 10A depicts major components of an HTML coded web page 200 which, when obtained in response to an Internet request includes a certain structure 202, and document content which can include banner images 204, tables 206, isolated images 208 as well as text 210. The present arrangement creates the size-to-fit window as a two-stage process. The first stage requires the creation of a virtual page 220, seen illustrated in Fig. 10B. The virtual page 220 requires as a layout stored electronically within the 1o computer system and becomes a basis from which any size to fit windows are generated.
As seen, in Fig. 10B, the virtual page 220 incorporates a banner image 222 together with a table comprising text 226 and image 224 components. The virtual page 220 is arranged according to a predetermined standard display size which does not require the use of a horizontal scroll bar. The virtual page 220 in this fashion may be formed according to the 15 various embodiments previously described. The virtual page 220 however is not directly *o displayed to the user but rather is displayed in a modified form once the user has established the desired window size. In this regard, the virtual page 220 may be formed so that the components of the documents are sized in an appropriate fashion to facilitate their interpretation, this being particularly important in respect of the text 226.
Once the user has decided on a particular window size within which the HTML code is to be displayed, the virtual page image 220 is then scaled in an appropriate fashion to provide for the display in the appropriate window sizes.
In respect of the window size shown in Fig. 10C, it is seen that the virtual page 220 is scaled by expanding the width and contracting the height of the page. As seen however, the proportional sizes of the images 232 and 234 remain unchanged, although their sizes are scaled in a "percentage" fashion. The text 236 is scaled to occupy the appropriate space available arising from the space vacated according to the size of the banner image 232 and table image 234.
The size to fit window 240 of Fig. IOD may be similarly fornmed directly from the virtual page 220 of Fig. 10D again through the scaling of individual components of the image.
With the arrangement shown in Figs. 10A to 10D, the two-step arrangement results in the display of a size to fit window and can be employed in such a way that the first step is performed according to various differential scaling procedures disclosed herein and the second step, of resizing the virtual page to fit the desired window size, may 529280.doc -12be performed in some cases according to standard scaling procedures known in the art and, for example, depicted in some of the prior art representations contained in this document.
Turning now to Fig. 11A, a method 300 of implementing differential scaling is s depicted. The method commences with step 302 where the content source data of the web page is obtained, this being performed by a traditional web access.
At step 304, the layout parameters of the web page are obtained. The layout parameters includes the actual pixel size of the output window and, where appropriate, information regarding the paper upon which that may be output. The parameters also 0to include a notional size of the document in layout units which may be, for example, millimetres, points or inches. A particular device mapping is also provided which is often in dots per inch (dpi). These factors influence the following step 306 which decides on the base scaling factor for the web page. For instance, if the device mapping is ten pixels per millimetre and the notional size is 10cm, the natural width for the window is 1000 pixels.
iI px Step 306 also involves a number of considerations. The simplest scaling factor is to uniformly use the ratio of the natural window width to the actual window width desired by the user. For instance, if the natural window width is 1000 pixels, and the actual width is 500 pixels, then a uniform scaling factor of 50% would allow the output to 20 fit in the actual window without scrolling. This is the solution used by many fit to window page view processes of word processor and like applications. According to the present disclosure different elements have applied to them different scales which may or may not be linearly related to the simple ratio of actual window width to the natural window width. Experiments conducted by the present inventors indicate that images 25 scale on a simple scale effectively, but that text scales best if it is scaled more slowly.
This will result in different layouts for any resizing of the window. A graphical example of this is illustrated in Fig. 12A.
An alternative approach can include that illustrated in Fig. 12B. In Fig. 12B, a similar graph has a stepped line for text indicating that font sizes may change in steps (eg.
10 point 11 point -+12 point, etc) where a point is a 1/72 inch, and the window scaling may be more finely grained. The title indicated in Fig. 12B may refer to text in the drawing bar which is very likely to be constant as is indicated.
The base scaling factors decided in step 306 are arbitrary or, to some extent, prevailing scales. Subsequent processing may cause additional scaling of certain components.
529280.doc N -13- Step 308 which follows considers the individual objects of the web page to be laid out. Each object is considered in turn. Step 310 assesses whether or not the next object is a simple object. In this situation, tables are treated as special cases and extra work goes into attending to their optimised layout.- Accordingly, simple objects include images and text. Where the object is a table, step 312 follows for specialised processing.
If the object is simple, step 314 follows and a determination is made whether or not the base scaling factor enables the object to fit. If this is notthe case, step 316 follows and additional scaling factor is calculated to ensure the object fits. In general, the preferred implementations avoid shrinking text, as has been discussed above. In this regard, a preferred implementation ignores instructions of the author of the Web page which include comments that in effect say "do not wrap" (such as HTML tags "pre" and "nubr"). The preferred implementation wraps text and splits words before any efforts are made to shrink the text. Once the scaling factor is made to work for each object, step 318 generates a render command that is suitably scaled for that object and control returns to 15 step 308 to consider the next object. In respect to step 312, once the table scale and cell widths have been determined, laying out the cell contents is a process of performing the same tasks upon individual components within the cell.
Turning now to Fig. 11B, this shows the specific steps performed within step 312 for handling tables. This process 312 commences with a step 330 where preparations are 20 made in order to lay out a table. This is followed by step 332 which considers each new N.o.
C
row in the table in turn. Step 334 gets the information for the first cell in the table row.
The cell information may include a maximum width as if laid out on an infinitely wide page. This is a good measure of the amount of content in the cell. The cell information also includes a minimum width. If the minimum width of all the cells in a row is wider 25 than the space available, then the row and the table will need to be scaled. The cell information may also include user hints for size and layout as developed by the author of the web page. Cell widths are specified as pixels and percentages. Percentages are normally part of a given table width overall or else relate to the window width.
A cell may also contain additional tables which are evaluated for min/max widths and author hints in full as part of the processing of the parent cell. Once step 336 is performed for each cell in the row, control follows to step 338 which completes the process for every row of the table through returns to steps 332. Once this is completed, step 340 devises an overall scaling factor and scaling widths for the table. The factors obtained from steps 336 and 338, being the minimum/maximum widths and author hints are known, processing to determine scaling may be needed. The significant goals are to 529280.doc -14keep all content legible within the window, to keep all images scaled by a constant factor, and to avoid reducing the size of text. Step 342 follows with a development of the final factors which generate the table layout.
The preferred embodiment as described above lays out electronic information to the width of the window in which the information is to be presented. Images, tables, frames, long words and large controls are laid out to fit given width by avoiding the need to identify the layout of the information such as seen in Figs. 1 and 2 the wrapping text and the like in order to ensure it is displayed. Where any components of the infornnation require shrinking to fit a display area, components of the Web page are shrunk by io differing amounts thus providing for single representation within the space available.
Another variation may be produced by reducing or increasing the physical width used for the layout in some ratio of the change of the width of the "Quick View" window. Then, upon resizing of the "Quick View" window, part of the size reduction or increase, respectively, may derive from laying out to a smaller or greater, respectively, physical 15 width and the rest may still be obtained by scaling the layout to the size of the window.
This may be used to provide for text to shrink "slowly" so as to increase legibility from °:'"inarrower "Quick View" windows. Other variations any scaling between text and images ""are also possible.
In a further embodiment, the "Quick View" window need not be presented as a static, "view only" window, but may be active as a browser window for the Web page being presented. In this regard, URI's may be active and selectable, for example through a traditional mouse operation. As such, the "Quick View" window included as a subroutine to existing Web browser applications and can, to a large extent, replace the browsing use of such applications. This is achieved through a more user friendly 25 presentation of Web page information in a fashion that is conducive to rapid browsing.
Where information is identified for which closer examination is required, the user may revert from the "Quick View" window to the traditional browser window in order to resolve any lack of detail contained in the former.
Industrial Applicability It is apparent from the above that the embodiment(s) of the invention are applicable to the computer and data processing industries, viewing software generally, and Web browser application software in particular.
The foregoing describes only some embodiments of the present invention, and modifications and/or changes can be made thereto without departing from the scope and spirit of the invention, the embodiment(s) being illustrative and not restrictive.
529280.doc 15 In the context of this specification, the word "comprising" means "including principally but not necessarily solely" or "having" or "including" and not "consisting only of'. Variations of the word comprising, such as "comprise" and "comprises" have corresponding meanings.
*9
*I
529280.doc -16- Appendix A Below is a pseudo-code description of the size-to-fit layout method with differential scaling used in the preferred embodiment fonn the generation of a Quick View window.
PAGE LAYOUT Set layout fixed width as current Quick View window width LOOP for each element to be laid out.
IF next element is an Image THEN DO IMAGE LAYOUT ELSE IF next element is a Table THEN DO TABLE LAYOUT ELSE (eg. Text) IF there is room to fit the next element in the current line THEN Add the next element to the current line
ELSE
Begin a new line. Add the next element to the new line.
END LOOP END PAGE LAYOUT IMAGE LAYOUT Determine Image size: IF Image has defined width AND height THEN Use these dimensions ELSE IF Image has defined width OR height THEN Use the defined dimension and calculate the other accordingly to maintain the image aspect ratio
ELSE
Use the Image natural dimensions.
Set Image Scale Factor to 1 IF Image width does NOT fit in current line AND NOT at start of line THEN Begin a new line.
IF Image width does NOT fit in current line THEN 529280doc -17- Calculate Image Scale Factor Available width Image width Scale image multiply image width and height by Image Scale Factor Add scaled image to current line.
END IMAGE LAYOUT TABLE LAYOUT Calculate Table Minimum Width and Table Maximum Width: LOOP for each cell in table Calculate element widths for all elements in cell, where elements can be words, glyphs, control boxes, images or tables.
For image elements, determine image size as in IMAGE LAYOUT.
For table elements, determine table width as Table Maximum Width, calculated by performing TABLE LAYOUT recursively on the table element.
Calculate paragraph widths for all paragraphs in cell, by combining elements into paragraphs as specified by HTML, and then summing *o.*element widths to get paragraph widths.
Calculate Cell Minimum Width maximum element width Calculate Cell Maximum Width maximum paragraph width IF Cell spans multiple columns THEN Divide Cell Minimum Width and Cell Maximum Width by the number 22"of columns spanned to calculate the widths contributed to each column by the cell.
•END LOOP LOOP for each column in table Calculate Column Minimum Width maximum Cell Minimum Width for all cells in column.
Calculate Column Maximum Width maximum Cell Maximum Width for all cells in column.
END LOOP Calculate Table Minimum Width Sum of Column Minimum Width Calculate Table Maximum Width Sum of Column Maximum Width IF the Table Maximum Width fits in the current line THEN Add table to current line, using Table Maximum Width.
529280.doc i 18-
ELSE
IF NOT at start of line THEN Begin new line IF the Table Maximum Width fits in the current (new) line THEN s Add table to current line, using Table Maximum Width.
ELSE IF the Table Minimum Width fits in the current line THEN Add table to current line, using Table Minimum Width.
ELSE
Calculate Table Scale Factor Available Width Table Minimum Width Scale entire table (ie, all elements in all cells) by Table Scale Factor Add scaled table to current line.
END TABLE LAYOUT *o ,ooooee *°eo *ooo *i *go o oo* *oo o* 529280.doc
Claims (14)
1. A method of presenting information comprising plural components by electronic display, said components being collectively arranged for presentation, said method comprising the steps of: establishing a presentation window having a width; adjusting a presentation size of said information by applying a plurality of differing scaling factors to said components so that a width of said information is modified to fall within the width of the presentation window; to displaying the adjusted inforiation within said window.
2. A method according to claim 1, wherein said adjusting comprises applying one of said differing scaling factors to each said component.
3. A method according to claim 1 wherein said components are collectively arranged for presentation in a format that defines a corresponding layout of said components, and said adjusting comprises maintaining said layout of said components whilst applying said scaling factors to said components. 20
4. A method according to claim 1 wherein said adjusting comprises: determining those first ones of said components that contribute to a maximum width of said presentation; (ii) modifying a display size of said first components by scaling said first components by at least a first scaling factor that provides a width of said adjusted first components to substantially correspond to said width of said presentation window; and (iii) modifying remaining ones of said components by scaling said remaining components according to at least one further scaling factor so as to maintain a layout corresponding to said information.
5. A method according to claim 4 wherein said first components comprise a primary component that defines said maximum width of said presentation and a plurality of secondary components arranged within said primary first component according to said layout.
529280.doc
6. A method according to claim 1 wherein said components are collectively arranged in at least one line of said fonnrat and said adjusting comprises examining each said line and adjusting those ones of said components on said line to fall within said width of said presentation window.
7. A method according to claim 6 wherein said one components comprise a primary component that defines a maximum width of said line and a plurality of secondary components arranged within said primary first component according to said layout.
8. A method according to claim 5 or 7 wherein said primary component comprises a (main) table and each said secondary component is selected from the group consisting of a (sub-) table, an image, and text.
9. A method according to claim 8 wherein said adjusting comprises applying a o Is plurality of scaling factors to said secondary components. too o:o
10. A method according to claim 1 wherein said components are selected from the group consisting of text, images and tables, said tables comprising sub-components selected from the group consisting of text, images and tables.
11. A method according to claim 10 wherein said adjusting of a said text component comprises wrapping text between adjacent lines within said text component to modify a width of said text component.
12. A method according to claim 1 wherein said window comprises a vertical scroll toSo bar and is characterised by the absence of an active horizontal scroll bar.
13. A method according to claim 1 wherein said information comprises data fornatted according to a protocol for presentation.
14. A method according to claim 13 wherein said protocol comprises HTML and said information comprises a Web page having elements collectively arranged for presentation on a Web browser application according to a first format, and said adjusting modifies said elements so that an entire width of Web page is displayed within a width of said window. 529280.doc S-21- A computer network browser application comprising a graphical user interface including a window display area having a predetermined width; means for retrieving a page of information from a computer network; means for adjusting a presentation size of said information by applying at least one scaling factor to said information so that a width of said information is modified to fall within the width of said display area; means for displaying the adjusted information in said display area. 16. An application according to claim 15, wherein said adjusted infornnation as displayed comprises at least user selectable element forming part of said graphical user interface. 17. Apparatus for perfonrming the method of any one of claims 1 to 14. A computer program element comprising computer program code means to make a computer execute a procedure to present information comprising plural i'"'"components, said components being collectively arranged for presentation, said computer program element comprising: o S io 20 code for establishing a presentation window having a width; code for adjusting a presentation size of said information by applying a plurality of differing scaling factors to said components so that a width of said information is modified to fall within the width of the presentation window; code for displaying the adjusted information within said window. S* 19. A computer readable medium, having a program recorded thereon, where the program is configured to make a computer execute a procedure to present information comprising plural components, said components being collectively arranged for presentation, said procedure comprising the steps of: establishing a presentation window having a width; adjusting a presentation size of said information by applying a plurality of differing scaling factors to said components so that a width of said information is modified to fall within the width of the presentation window; displaying the adjusted information within said window. 529280.doc -22- A computer network browser application comprising a graphical user interface having a window display area characterised by the absence of a horizontal scroll bar. 21. A method of presenting information comprising plural components by electronic display, said components being collectively arranged for presentation, said method comprising the steps of: displaying a presentation window having a first width; displaying information comprising plural components on the presentation windows; resizing the width of the presentation window from the first width to a second width; and displaying the information on the presentation window having the second width, said information comprising the components to which a plurality of differing scaling factors are applied. 22. A method of presenting information substantially as described herein with reference to any one of Fig. 3, Fig. 4, Fig. 5B, Fig. 6B, Fig. 7A, Fig. 7B, Figs. 11A and 11B of the drawings. S 20 23. A method of presenting information substantially as described herein with reference to Appendix A. 24. A Web browser system substantially as described herein with reference to any combination of Fig. 3, Fig. 4, Fig. 5B, Fig. 6B, Fig. 7A, Fig. 7B, Fig. 8C, Figs. 10A-10D, 25 of the drawings and Appendix A. **0 DATED this Ninth Day of November 2000 Canon Kabushiki Kaisha Patent Attorneys for the Applicant SPRUSON FERGUSON 529280.doc
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
AU71514/00A AU761635B2 (en) | 1999-11-12 | 2000-11-09 | Size to fit browser |
Applications Claiming Priority (3)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
AUPQ4034 | 1999-11-12 | ||
AUPQ4034A AUPQ403499A0 (en) | 1999-11-12 | 1999-11-12 | Size to fit browser |
AU71514/00A AU761635B2 (en) | 1999-11-12 | 2000-11-09 | Size to fit browser |
Publications (2)
Publication Number | Publication Date |
---|---|
AU7151400A true AU7151400A (en) | 2001-05-17 |
AU761635B2 AU761635B2 (en) | 2003-06-05 |
Family
ID=25636572
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
AU71514/00A Ceased AU761635B2 (en) | 1999-11-12 | 2000-11-09 | Size to fit browser |
Country Status (1)
Country | Link |
---|---|
AU (1) | AU761635B2 (en) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR101121070B1 (en) * | 2005-02-28 | 2012-03-16 | 노키아 코포레이션 | Presentation of large objects on small displays |
US10083154B2 (en) | 2000-06-12 | 2018-09-25 | Softview, L.L.C. | Scalable display of internet content on mobile devices |
Families Citing this family (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
AU2002951709A0 (en) | 2002-09-26 | 2002-10-17 | Canon Information Systems Research Australia Pty Ltd | Efficient printing of frames pages |
AU2003248391B2 (en) * | 2002-09-26 | 2005-06-09 | Canon Information Systems Research Australia Pty Ltd | Efficient Printing of Frames Pages |
TWI457822B (en) * | 2008-04-18 | 2014-10-21 | Htc Corp | Method and system for displaying information and storage device |
WO2010012081A1 (en) * | 2008-07-29 | 2010-02-04 | Research In Motion Limited | Method and system for rendering a representation of a webpage on a display |
US8881039B2 (en) * | 2009-03-13 | 2014-11-04 | Fisher-Rosemount Systems, Inc. | Scaling composite shapes for a graphical human-machine interface |
US8423900B2 (en) * | 2009-08-20 | 2013-04-16 | Xerox Corporation | Object based adaptive document resizing |
Family Cites Families (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US5805153A (en) * | 1995-11-28 | 1998-09-08 | Sun Microsystems, Inc. | Method and system for resizing the subtitles of a video |
US5847706A (en) * | 1995-11-30 | 1998-12-08 | Hewlett Packard Company | Sizeable window for tabular and graphical representation of data |
US5897644A (en) * | 1996-09-25 | 1999-04-27 | Sun Microsystems, Inc. | Methods and apparatus for fixed canvas presentations detecting canvas specifications including aspect ratio specifications within HTML data streams |
-
2000
- 2000-11-09 AU AU71514/00A patent/AU761635B2/en not_active Ceased
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US10083154B2 (en) | 2000-06-12 | 2018-09-25 | Softview, L.L.C. | Scalable display of internet content on mobile devices |
US10394934B2 (en) | 2000-06-12 | 2019-08-27 | Softview, L.L.C. | Scalable display of internet content on mobile devices |
KR101121070B1 (en) * | 2005-02-28 | 2012-03-16 | 노키아 코포레이션 | Presentation of large objects on small displays |
Also Published As
Publication number | Publication date |
---|---|
AU761635B2 (en) | 2003-06-05 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US8522140B2 (en) | Automated markup language layout | |
US8593666B2 (en) | Method and system for printing a web page | |
US7903277B2 (en) | Efficient printing of frames pages | |
US7584424B2 (en) | Automated product layout | |
US6986105B2 (en) | Methods employing multiple clipboards for storing and pasting textbook components | |
US5897644A (en) | Methods and apparatus for fixed canvas presentations detecting canvas specifications including aspect ratio specifications within HTML data streams | |
CA2600089C (en) | Automated image processing | |
US9600447B2 (en) | Methods and systems for page layout using a virtual art director | |
EP1662433A1 (en) | A system and method for on-line and off-line advertising in content delivered to a display screen | |
US20070124670A1 (en) | Systems, methods, and media for printing web pages | |
US20060111970A1 (en) | System and method for selling on-line and off-line advertising in content delivered to a display screen | |
US7394563B2 (en) | Image forming apparatus that executes an image trimming process with priority over other commands, method therefor, and storage medium storing a program therefor | |
AU761635B2 (en) | Size to fit browser | |
US20110320933A1 (en) | Editing apparatus, layout editing method performed by editing apparatus, and storage medium storing program | |
EP2215543B1 (en) | A system and method of providing visual information to a user | |
JP2002236701A (en) | Stepwise information display method | |
US20030226114A1 (en) | System and method for composing documents | |
Janssen | Document icons and page thumbnails: Issues in construction of document thumbnails for page-image digital libraries | |
AU2003248391B2 (en) | Efficient Printing of Frames Pages | |
JPH08185403A (en) | Layout/display method for structured document and document processing system | |
Jarret et al. | Creating a Large Format Poster in MS PowerPoint 2003 | |
Clark et al. | Hypertext and multimedia enhancements to the TEX system | |
Sikos et al. | Optimized Appearance | |
JP2004062465A (en) | Display method and system of web page |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
DA3 | Amendments made section 104 |
Free format text: THE NATURE OF THE AMENDMENT IS: SUBSTITUTE PATENT REQUEST REGARDING ASSOCIATED DETAILS |
|
FGA | Letters patent sealed or granted (standard patent) |