US 6,928,617 132
`(10) Patent N0.:
`(12) United States Patent
`Druyan et al.
`(45) Date of Patent:
`Aug. 9, 2005
`
`
`U8006928617B2
`
`(54) SEGMENTATION 0F VIEWS FOR
`SIMPLIFIED NAVIGATION 0N LIMITED
`DEVICE
`
`(75)
`
`Inventors: Alexander Druyan, Brooklyn, NY
`(US); Donald A. James, Round Rock,
`TX (US); Ching Yu Conrad L0,
`Saratoga, CA (US); Arsalan K. Lodhi,
`Long Beach, CA (US); Fabian F.
`Morgan, Cambridge, MA (US); Sandra
`Juni Schlosser, Austin, TX (US)
`
`(73) Assignee:
`
`International Business Machines
`Corporation, Armonk, NY (US)
`
`1/2000 Takinami .................... 340/995
`6,016,110 A
`2/2000 Hill et a1.
`715/513
`6,023,714 A *
`
`
`6/2001 Polcyn ..........
`704/275
`6,246,989 B1
`..
`715/501.1
`6/2002 Levine et a1.
`6,405,221 B1 *
`
`6/2001 Wiernik .........
`345/302
`2001/0005203 A1 *
`
`.....
`8/2001 Hon et a1.
`704/257
`2001/0018654 A1 *
`
`..
`...... 707/523
`9/2002 Dames et a1.
`2002/0129067 A1 *
`
`. 340/82572
`2002/0140571 A1 * 10/2002 Hayes et a1.
`
`2003/0069881 A1 *
`4/2003 Huttunen
`707/5
`2003/0229529 A1 * 12/2003 Mui et a1. ...................... 705/8
`
`OTHER PUBLICATIONS
`
`Fred O’Bryant, Cascading Style Sheet, Jun. 1999, p. 1—14.*
`
`* cited by examiner
`
`( * ) Notice:
`
`Subject to any disclaimer, the term of this
`patent is extended or adjusted under 35
`U.S.C. 154(b) by 511 days.
`
`Primary Examiner—Raymond J. Bayerl
`(74) Attorney, Agent, or Firm—David A. Mims,
`Anthony V.S. England
`
`Jr.;
`
`(21) Appl. No.: 10/122,022
`.
`(22) Flled'
`(65)
`
`Apr. 11’ 2002
`Prior Publication Data
`
`US 2004/0017391 A1 Jan‘ 29’ 2004
`7
`Int. Cl.
`.................................................. G06F 3/00
`(51)
`(52) U S Cl
`715/760' 715/864' 715/765'
`’
`’ 715/513,
`715/760 788
`(58) Field 0f Search
`715/501517864748764 765’ 513’
`’
`’
`’
`’
`’ 509’ 503’
`’
`
`(56)
`
`References Cited
`
`US. PATENT DOCUMENTS
`5 526 481 A
`6/1996 Parks et al
`5,714,972 A
`2/1998 Tanaka et a1.
`5,966,716 A * 10/1999 Comer et a1.
`
`395/155
`
`..... 345/121
`..
`............... 707/203
`
`(57)
`
`ABSTRACT
`
`In one form, a method, for creating multiple segments of
`source information for presentation on a device having a
`limited size display screen,
`includes generating a first
`derivative file describing first presentation material. The
`derivative file is derived from a first copy of a master style
`sheet file. The master st
`le sheet 5 ecifies a st le of dis-
`.
`.
`y
`.
`P
`.y
`.
`playmg the source informatlon. The source informatlon
`includes a plurality of attributes, of Which a first set of
`attributes are included in the first derivative style sheet file.
`A second derivative file describing second presentation
`material is derived from a second copy of the master style
`sheet file. A second set of attributes included in the source
`
`information are included in the second derivative file. The
`first presentation and second presentation materials are
`generated responsive to the source information and the
`respective first and second derivative files.
`
`12 Claims, 9 Drawing Sheets
`
`MASTER XSLT
`
`FIRST DERIVATIVE XSLT
`SECOND DERIVATIVE XSLT
`
`STYLE SHEET FILE 310
`STYLE SHEET FILE 320
`
`
`
`
`
`STYLE SHEET FILE 230
`PROBLEMII130
`T ETOF
`PROBLEM #130
`
`
`
`
`
`STATUS 145
`ifiilasums SW DELETED
`
`
`
`PROBLEM # 130
`DUE DATE 150
`425
`DUE-9m
`QERIBUTES
`
`
`
`
`SEVERITY 155
`SHEEP/455
`STATUS 145
`
`
`TED
`SECOND SET
`DUE DATE 150
`GROUP USER 160
`
`
`
`
`
`SERV'CE
`DELE
`SEVERITY 155
`LOCATION 165
`or ATTRIBUTES
`
`
`
`ATTR'BUTES
`REQUEST
`_
`CONTACT 170
`435
`GROUP USER 130
`
`PfiGBEEM-DESGr-IJS
`LOCATION 135
`ADDED
`
`
`
`RIGHT ARROW TO 330
`CONTACT 17o
`ATTRIBUTES
`
`
`
`PROBLEM DESC.
`450
`
` 175
`IIIIIIIIIIII
`0IIIIIIIIIIII"I
`PROBLEM # 130
`
` COPY 470
`
`LOCATION—155
`CONTACT-#9
`PROBLEM DESC. 175
`OPTIONAL ADDITONAL
`RIGHT ARROW TO N/A
`LEFT ARROW To 320 / DERIVATIVE XSLT STYLE
`........J
`SHEET FILE 330
`
`001
`
`WhatsApp |nc.'s Exhibit 1004
`
`WhatsApp Inc.'s Exhibit 1004
`
`001
`
`

`

`US. Patent
`
`Aug. 9, 2005
`
`Sheet 1 0f 9
`
`US 6,928,617 B2
`
`E3moi“:F.GE
` «833.:
`
`6”.«oouxnwufi-E5888.
`.i2.388.a#388.
`
`
`
`..I$388.
`
`Eh
`
`Noou\m.n\.n
`
`N"
`
`5588.E3588.I3888.
`
`002
`
`WhatsApp |nc.'s Exhibit 1004
`
`WhatsApp Inc.'s Exhibit 1004
`
`002
`
`
`

`

`US. Patent
`
`onem.
`
`9,
`
`Mm.
`
`2whS
`
`U
`
`2B7168,2
`
`
`
`42h:0258mm
`
`
`
`35%88$6389.".5?quflwmfiw‘w
`
`9,.mE?«9.5:Nat
`
`9amMB:5meBE5%
`
`003
`
`WhatsApp |nc.'s Exhibit 1004
`
`a
`
`WhatsApp Inc.'s Exhibit 1004
`
`003
`
`

`

`US. Patent
`
`Aug. 9, 2005
`
`Sheet 3 0f 9
`
`US 6,928,617 B2
`
`--—---——-----------1
`III
`III
`
`
`
`._<zo_._._oo<._<ZO:.n_O
`
`
`
`m..>._.w.wam>_._.<>_m_mo
`
`
`
`m>_._.<>_mwn_0200mm
`
`
`
`
`
`milHmwrwm._>.rmwa
`
`m.QE
`
`w._>._.wmemmpmsz
`
`
`
`qmwman..5me
`
`IIIIIIIIIIIIIIIIIIJ
`
`andWE.5me
`
`an
`
`wam>_.r<>_mm_o51E
`
`dd”m2...—hmmeHim
`
`004
`
`WhatsApp |nc.'s Exhibit 1004
`
`
`
`Gm”.HZMEDOOQ
`
`
`
`45E.—oz_._..5mmm0200mm
`
`0.3Ewe/5000
`
`w
`
`ca._.zm_2:ooo
`
`
`
`
`
`42...:02:..5wwm._<zo_._._on_<m
`
`
`
`
`
`._s:._._02_._..Smmm5m.”—
`
`dMMmowmmoOmmwa
`
`momDOm42x
`
`31mhzméaooo
`
`WhatsApp Inc.'s Exhibit 1004
`
`004
`
`
`
`
`

`

`U
`
`m
`
`4whS
`
`2B7
`
`P8m3:mmxw35enE:EmzmHE
`S.5%$3,338928mm5%3:585%.
`
`
`
`
`g859158a:29284Emmam.Gm028%8.$8.596
`5$555an938%:5280%am838%502m89%gig".M,8..at5,328$59de
`tEmmammmm:m:825
`n023258%no38.u3.98%
`
`$5252$59528F#3m8
`8,.3.meEmwam
`
`cgo;938%:5$3833:<3838%Km:
`
`1lllllllllllllllllllllllllll6,V.GE8“E:5%mu3E355%35350\x8m938%:5m9,22952
`ézoEo"<3238%503m6mm:8%3.58%nmn3.3%mmwwwzofiéou.w"ii“m3%wmgmm$32.3m9m83a358%uM.-:..----:-.~............h
`
`wammkm<z
`
`ommBEEmImwith
`
`mu_>mm_m
`
`hwmncmm
`
`ob.Koo
`
`om;#zmflmomn.
`
`m3map/Pm
`
`09PEGman
`
`m9>._._mm>m_m
`
`
`
`oo—mmw:gnome
`
`
`
`8..29.559
`
`oh._.o<._.zOo
`
`.03033695
`
`mt
`
`005
`
`WhatsApp |nc.'s Exhibit 1004
`
`WhatsApp Inc.'s Exhibit 1004
`
`005
`
`
`
`
`
`
`

`

`US. Patent
`
`Aug. 9, 2005
`
`Sheet 5 0f 9
`
`US 6,928,617 B2
`
`«6.0E
`
`05:.1=<
`
`mean0::
`
`9%
`
`006
`
`WhatsApp |nc.'s Exhibit 1004
`
`WhatsApp Inc.'s Exhibit 1004
`
`006
`
`

`

`2B7
`
`a.8,mm6E02,m:
`
`US. Patent
`
`uA
`
`W
`
`06
`
`6,SU
`
`ca5.35>328
`
`2munsunan.533man
`
`9,8:£9.32.502.2390
`
`w“H023.up:5quago%833.ad33x35...:5rhmccaco
`
`mOHEHNa.53anmum-Ea
`
`0.35mannoymoan£3.50:53me09500
`
`
`
`wAU.56:230mem
`
`3052...”V
`
`007
`
`WhatsApp |nc.'s Exhibit 1004
`
`WhatsApp Inc.'s Exhibit 1004
`
`007
`
`
`
`

`

`US. Patent
`
`Aug. 9, 2005
`
`Sheet7 0f9
`
`US 6,928,617 B2
`
`Um.GE
`
`9%
`
`
`
`
`
` 350“:—3«005.50«05.00.00:
`
`.a£030.... 0mm
`
`
`
`«00.30.:E030...—
`
`
`
`30.00_050.58.52502
`
`ommooeoo
`
`
`
`:03005500.502502
`
`030.322....
`
`max-Q6060
`
`vhf-000°C
`
`008
`
`WhatsApp |nc.'s Exhibit 1004
`
`WhatsApp Inc.'s Exhibit 1004
`
`008
`
`

`

`US. Patent
`
`Aug. 9, 2005
`
`Sheet 8 0f 9
`
`US 6,928,617 B2
`
`0—.0
`
`omm
`
`o.GE
`
`0mm
`
`
`
`
`
`#0....00.0.0,.0m.000090.5050.200.9«00:00.0922000.200:800.:_
`
`
`
`
`.03:05300002055:05.250058Womann0305E000205co:0....o.:_
`
`
`
`
`
`wa.2005..o.68#0...0E9.002.000_0.:000:00.30._.._wx02:02.0“.002“.
`
`.05E0002050.00058.30he.002.0....0058.30.6>505...05.050”00.353
`
`
`
`
`00.300930606.003.000050000.00200.2.0:wx.0200:”0:.«00:00.20
`
`
`ucmanou0E05:02.000...«0.:93:002..0;.“00:0050wa0232.00
`
`
`
`
`
`
`.0E“00:003.0..._wx0232......“.
`
`
`
`
`
`
`5:850...0:80093.60000:..002003002.02.009.800m0.0.9.00
`
`
`ucoo0w”0.:.0020050.wa.0000E.0>080:8000E9.E0E:oou0.30
`
`
`
`9.800E0002050.0:o:m:..o.:_00.38c.00020:.0059.30.0H00
`
`
`
`
`
`\/:wx050:.5E000...:E95000050550.5005.mcoEuum9.0E0832.
`
`9.0.EoEzoou03.0830.500...0.:0500:20:005000005052.000000...
`
`E0630800.200.=>_x052000.co20:502.050Caz—3500.00:80005
`
`
`
`
`0.3053350050:8004:06:02.050530.5005“0.:0520.050
`
`
`
`
`9.8009.00....«00:00300232.00.05.:o_.mE.o.c_005009.55000
`
`
`
`
`
`0.2.5000.:.002003.00252.00
`
`
`
`0;..00500.30wa0262.0“U
`
`009
`
`WhatsApp |nc.'s Exhibit 1004
`
`WhatsApp Inc.'s Exhibit 1004
`
`009
`
`
`
`
`
`

`

`US. Patent
`
`Aug. 9, 2005
`
`Sheet 9 0f 9
`
`US 6,928,617 B2
`
`
`
`a>mOsm=2w.__._.<._0>.zoz
`
`a:mam\
`
`
`
`demo_>mo><._n_m_o
`
`
`
`de>mO—2w2map/30>
`
`9HmOmwmoomn.
`
`N .
`
`9".
`
`
`
`a2m5>mmmSmEOo
`
`“NMom<0m>mx
`
`
`
`amo_>mo02:25;
`
`010
`
`WhatsApp |nc.'s Exhibit 1004
`
`WhatsApp Inc.'s Exhibit 1004
`
`010
`
`

`

`US 6,928,617 B2
`
`1
`SEGMENTATION OF VIEWS FOR
`SIMPLIFIED NAVIGATION ON LIMITED
`DEVICE
`
`BACKGROUND OF THE INVENTION
`
`1. Field of the Invention
`
`The present invention relates to displaying information on
`a display screen, and more particularly to a web-browsing
`navigational tool for handheld computerized devices.
`2. Related Art
`
`With the advent of the Internet, it is increasingly common
`to display information, particularly Internet web pages, with
`connected,
`limited devices (“CLD’s”)
`that are highly
`portable, and therefore limited in size and computational
`power. Typical examples of CLD’s include small, handheld
`computerized devices such as a personal digital assistant
`(“PDA”) with or without built-in communication function,
`cellular telephone, and two-way pagers. Due to size and
`battery power constraints, the processor included in a CLD
`typically provides less computational power than a desktop
`computer, and therefore has limited resources for perform-
`ing tasks such as processing instructions, and displaying
`information. Of course,
`the display screen for a CLD is
`typically smaller than the size of a desktop computer display
`screen. Therefore there is an increasing need to efficiently
`utilize the limited resources available to a CLD.
`
`Additionally, it may be desirable to provide a web-browsing
`tool for the small sized display screen of a CLD to navigate
`and display information efficiently in response to user
`inputs.
`Referring to FIG. 1, information 100 is shown, displayed
`in a single view, generated by a conventional web browser
`for a desktop display screen 105. According to prior art, a
`display screen 110, for a CLD 190, is also shown, displaying
`a portion 112 of information 100 displayed on display screen
`105. Horizontal scroll bar 115 and vertical scroll bar 120 are
`
`used to control the relative position of display screen 110
`within information 100. While it is possible to view all of
`information 100 on display screen 110 by moving small
`display screen 110 around within information 100,
`this
`arrangement is nevertheless problematic. For example,
`it
`may be difficult to correlate a first piece of information 100
`displayed with in display screen 110 in a first position with
`another piece of information 100 located several rows and/or
`columns away that is displayed with in display screen 110 in
`a second position.
`The World Wide Web Consortium (“W3C”) has devel-
`oped standards for the world wide web (“WWW”) that
`promote further evolution of the WW and ensure interop-
`erability. W3C standards such as Extensible Markup Lan-
`guage (“XML”), Extensible Stylesheet Language (“XSL”)
`and XSL transformations (“XSLT”) are well known for
`generating information displayed by a browser.
`As stated above, it is common to display information,
`such as information 100, in a web page format. Referring to
`FIG. 2, aspects of such formatting are illustrated, according
`to prior art. As shown in FIG. 2, an XSLT processor 220 adds
`styling information in the form of an XSLT style sheet file
`230 to an XML source document 210, transforming source
`document 210 into a resulting HTML document 240.
`Alternatively, the resulting document 240 may be prepared
`by using other presentation-oriented formats such as
`XHTML, PDF or scalable vector graphics (“SVG”).
`Although referred to as a “processor”, XSLT processor 220
`is a software program.
`
`10
`
`15
`
`20
`
`25
`
`30
`
`35
`
`40
`
`45
`
`50
`
`55
`
`60
`
`65
`
`2
`From the above it should be appreciated that there is an
`increasing need to format information for presentation on a
`device having a limited display size, and that it is particu-
`larly useful to do so in a manner that conforms to browser-
`related standards.
`
`SUMMARY OF THE INVENTION
`
`The forgoing need is addressed by the present invention,
`according to one aspect of which a method is provided for
`creating multiple segments of source information for pre-
`sentation on a device having a limited size display screen.
`The method includes generating a first derivative style sheet
`file describing first presentation material. The first derivative
`style sheet file is derived from a first copy of a master style
`sheet file. The master style sheet specifies a style of dis-
`playing the source information. The source information
`specified by the master style sheet exceeds an amount which
`the limited size display screen is capable of displaying in one
`view. The source information includes a plurality of
`attributes, out of which a first set of attributes are included
`in the first derivative style sheet file. A second derivative
`style sheet file describing second presentation material is
`derived from a second copy of the master style sheet file. A
`second set of attributes included in the source information
`
`are included in the second derivative style sheet file. The first
`presentation material is generated responsive to the source
`information and the first derivative style sheet file. The
`second presentation material is generated responsive to the
`source information and the second derivative style sheet file.
`In another aspect, the source information specified by the
`master style sheet exceeds an amount of information capable
`of being displayed by the device in a single view. The source
`information includes a first segment of information associ-
`ated with the first set of attributes and a second segment of
`information associated with the second set of attributes. The
`
`first presentation material is for generating a first view the
`first segment on the device and the second presentation
`material
`is for generating a second view of the second
`segment on the device. The device is capable of concurrently
`displaying,
`in the first view, all of the first segment of
`information, and is capable of concurrently displaying, in
`the second view, all of the second segment of information.
`Additional aspects, objects, advantages and other forms of
`the invention will become apparent upon reading the fol-
`lowing detailed description and upon reference to the
`accompanying drawings.
`BRIEF DESCRIPTION OF THE DRAWINGS
`
`is a web browser generated
`FIG. 1, described above,
`display, suitable for viewing on a large display screen,
`according to the prior art.
`FIG. 2, described above, is a block diagram illustrating a
`method to generate a web display using XML and XSLT
`standards, according to the prior art.
`FIG. 3 is a block diagram for generating a web display for
`a CLD having small display screen, according to an embodi-
`ment of the present invention.
`FIG. 4 is a block diagram for deriving a derivative style
`sheet from a master style sheet, according to an embodiment
`of the present invention.
`FIGS. 5A, 5B and 5C illustrate a series of optimized web
`pages, according to an embodiment of the present invention.
`FIG. 6 is a flow chart illustrating a method for restyling
`a web page to an optimized web page is shown.
`FIG. 7 illustrates a computerized device to implement
`method or apparatus aspects of the present
`invention,
`according to an embodiment.
`
`011
`
`WhatsApp Inc.'s Exhibit 1004
`
`WhatsApp Inc.'s Exhibit 1004
`
`011
`
`

`

`US 6,928,617 B2
`
`3
`DETAILED DESCRIPTION OF A PREFERRED
`EMBODIMENT
`
`The claims at the end of this application set out novel
`features which applicant believes are characteristic of the
`invention. The invention, a preferred mode of use, objectives
`and advantages, will best be understood by reference to the
`following detailed description of an illustrative embodiment
`read in conjunction with the accompanying drawings.
`Referring to FIG. 3, a block diagram is shown illustrating
`aspects of displaying information on a CLD having a display
`screen of limited size, in accordance with an embodiment of
`the present
`invention.
`In the embodiment,
`the CLD is
`enabled to perform web browsing. That is, a user is able to
`view portions of information 100 (FIG. 1) formatted as
`HTML documents using a web browser program running on
`the CLD.
`
`Referring to FIG. 1, for example, a CLD user may wish
`to access a remote web server to retrieve a service request
`record 140 from a database of information 100. Service
`
`request record 140 may be defined to include relevant data
`and/or information describing a service request.
`In the
`illustrated example, each service request record 140 has the
`following attributes: unique problem number 130, status
`145, due date and time 150, severity 155, group user 160,
`location 165, contact/company 170 and problem description
`175. Unique problem number 130 attribute may also be
`described as a primary key to access the database.
`Referring back to FIG. 3, in the embodiment information
`100 (FIG. 1) is segmented into multiple views. The number
`of views may be configured based on design considerations
`such as size of CLD display screen 110 (FIG. 1). In this
`embodiment, a first derivative XSLT style sheet file 310, a
`second derivative XSLT style sheet file 320 and an optional
`additional derivative XSLT style sheet 330 are derived from
`a master (also known as a “parent”) XSLT style sheet file
`230 (FIG. 2) describing information 100. The process of
`deriving a derivative (also known as a “child) style sheet
`from a master style sheet may be implemented manually or
`may be automated by a computer program, and will be
`further described in connection with FIG. 4 below.
`
`XML source document 210 provides source information,
`e.g., information 100, which typically includes a number of
`tagged attributes. For example, information 100 includes
`information having a number of tagged attributes such as in
`FIG. 1—problem number 130, status 145, and due date 150
`described in service request record 140.
`In one aspect, master XSLT style sheet file 230 specifies
`the styling and/or the layout of the HTML document 240
`(FIG. 2), including information 100, optimized for display
`by a web browser on the display screen 105 (FIG. 1) of a
`desktop computer. Accordingly, the information specified by
`the master XSLT style sheet file 230 exceeds an amount
`which the CLD display screen 110 is capable of displaying
`in one view. To optimize for the CLD display screen 110, the
`information from the source document 210 is segmented by
`processor 220, responsive to style sheets 310, 320 and 330,
`into HTML documents 340, 350 and 360, which are opti-
`mized for viewing on the CLD display screen 110. This
`advantageously provides improved navigation. It also con-
`serves bandwidth, i.e., for downloading data to the CLD.
`Referring to FIG. 4, in one embodiment, the process of
`deriving a derivative style sheet includes making a number
`of copies 470 of the master XSLT style sheet file 230. First
`derivative XSLT style sheet file 310 is generated from a first
`one of the copies 470 of master XSLT style sheet file 230,
`and specifies a first set of attributes 425 which is associated
`
`10
`
`15
`
`20
`
`25
`
`30
`
`35
`
`40
`
`45
`
`50
`
`55
`
`60
`
`65
`
`4
`
`with a first portion (or segment) of the source information.
`Likewise, second derivative XSLT style sheet 320, is gen-
`erated from a second one of the copies of master XSLT style
`sheet file 230, and specifies a second set of attributes 435
`associated with a second portion of the source information.
`Of course, additional derivative XSLT style sheets, such as
`style sheet 330 may be generated from additional copies of
`the master style sheet, as shown in the embodiment.
`As previously stated, the source information from source
`document 210 and the derivative style sheets 310, etc. are
`processed with XSLT processor 220, which generates
`respective presentation-style, e.g., HTML, documents 340,
`350, etc. for generating respective views of the information
`portions on the CLD. Note that the CLD is capable of
`concurrently displaying the entire first portion of the
`information,
`i.e.,
`information specified by the first style
`sheet 310, on display screen 110 in the first view, the entire
`second portion in the second view, etc.
`The process of generating first derivative XSLT style
`sheet file 310 includes deleting one set of the attributes 440
`from the first copy of the master style sheet and adding a link
`attribute 450 referring to the second derivative XSLT style
`sheet 320, so that
`the first view on display screen 110
`includes a link for navigating from the first portion of the
`information to the second portion of the information.
`Likewise, the process of generating second derivative XSLT
`style sheet 320 includes deleting a second set of the
`attributes 460 from the second copy of the master style sheet
`and adding link attributes 450 referring to first and third
`derivative XSLT style sheets 310 and 330 so that the view
`on display screen 110 of the second portion of the informa-
`tion includes links for navigating from the second view to
`the first and third views.
`
`Note that the two views associated with style sheets 310
`and 320 have some information in common and some
`
`disparate information. That is, a certain key one of the
`attributes, problem #130, is included in both the first and
`second segments of the information, i.e., is not deleted in
`either copy of master XSLT style sheet 230, so that CLD
`displays the information for this key attribute in both the first
`and second views. This provides some context for the user
`tying the two views together. Note also that some of the
`attributes 440, which are deleted in the process of generating
`first derivative XSLT style sheet 310, are included among
`attributes for second derivative XSLT style sheet 320.
`Likewise, some of the attributes 460, which are deleted in
`the process of generating second derivative XSLT style sheet
`320, are included among attributes for first derivative XSLT
`style sheet 310, so that the first and second views include
`some disparate information, i.e., information that is not in
`common between the two views.
`
`Referring now to FIGS. 5A, 5B and 5C, a series of
`optimized web page displays are illustrated, according to an
`embodiment. Navigation among the displays is responsive
`to receiving scroll commands, as will be explained. Refer-
`ring first to FIG. 5A, HTML document 340 (FIGS. 3 and 4)
`is displayed on CLD display screen 110 in first view 510.
`Included in first view 510 is a portion of the information 100
`(FIG. 1). That is, a portion of the information 100 associated
`with the first set of attributes 425 (FIG. 4) is displayed in
`view 510. This includes values for the attribute which each
`
`the problem number, e.g.,
`i.e.,
`view has in common,
`“00004706.” It also includes values for each of the attributes
`
`425 (FIG. 4), i.e., status, date and severity.
`For navigational purposes, first view 510 also includes a
`current page number and a total number of pages, i.e., “page
`
`012
`
`WhatsApp |nc.'s Exhibit 1004
`
`WhatsApp Inc.'s Exhibit 1004
`
`012
`
`

`

`US 6,928,617 B2
`
`5
`
`1 of 3.” The view 510 also includes the link 450 (FIG. 4). In
`response to a CLD user clicking on a “forward,” i.e., “next,”
`arrow of the horizontal scroll bar 115, the link attribute 450
`(FIG. 4) is activated, calling up second view 520. The
`“previous” arrow does not have a link in the first view 510.
`Referring to FIG. 5B, in response to the link 450 being
`activated from the first view 510 (FIG. 5A), HTML docu-
`ment 350 is displayed on the CLD display screen 110 in the
`second view 520. This view 520 does not show status, date
`and severity attributes which were included in first view 510.
`Likewise, the second set of attributes 435 (FIG. 4), which
`includes group user, location and contact, is displayed in the
`second view 520, but not in the first view 510.
`Once again,
`in the second view 520 for navigational
`purposes the value for the current page number and of total
`number of pages is displayed, i.e., “page 2 of 3.” The second
`view 520 includes links 450 (FIG. 4) to the first and third
`views. In response to a CLD user clicking on the “next”
`arrow, one of the link attributes 450 (FIG. 4) to style sheet
`330 (FIGS. 3 and 4) is activated, calling up the third view
`530. In response to a CLD user clicking on the “previous”
`arrow, one of the link attributes 450 (FIG. 4) to style sheet
`310 (FIGS. 3 and 4) is activated, calling up the first view
`510.
`
`Referring to FIG. SC, in response to the link 450 being
`activated from the second view 520 (FIG. 5B), HTML
`document 360 is displayed on the CLD display screen 110
`in the second view 530. In this view 530, a third set of
`attributes previously not displayed in first view 510 or
`second view 520 are displayed along with the attributes
`common to the first and second views 510 and 520. For
`
`navigational purposes, in the third view 530 the value for the
`current page number and total number of pages is displayed,
`i.e., “page 3 of 3.” The view 530 also includes the link 450
`(FIG. 4) associated with the “previous” arrow to go back to
`the second view 520.
`
`Referring to FIG. 6, a flow chart illustrating a method for
`restyling a web page to an optimized web page is shown. In
`this embodiment,
`the web page prepared for display on
`desktop display screen 105 is used as an input to generate
`optimized web pages suitable for display on a CLD having
`display screen 110.
`In step 610, in response to receiving a request to restyle
`the web page, first derivative XSLT style sheet file 310
`describing first presentation style document 340 is gener-
`ated. First derivative XSLT style sheet file 310 is derived
`from a first copy of Master XSLT style sheet file 230. Master
`XSLT style sheet 230 specifies a style of displaying infor-
`mation 100 included in the web page. Information 100
`includes a plurality of attributes, e.g., unique problem num-
`ber 130, status 145, due date and time 150, severity 155,
`group user 160,
`location 165, contact/company 170 and
`problem description 175. Out of the plurality of attributes,
`first set of attributes 425 are included in first derivative
`
`XSLT style sheet file 310.
`In step 620, second derivative style sheet file 320 describ-
`ing second presentation style document 350 is derived from
`a second copy of master XSLT style sheet file 230. Second
`set of attributes 435 included in information 100 are
`
`included in second derivative XSLT style sheet file 320.
`In step 630, first presentation style document 340 and
`second presentation style document 350 are generated by
`XSLT processor 220 on receiving XML source document
`210 describing information 100, first derivative style sheet
`file 310 and second derivative style sheet file 320 as inputs.
`Referring to FIG. 7, a computer system 710 is shown that
`is generally applicable for
`the various embodiment
`
`10
`
`15
`
`20
`
`25
`
`30
`
`35
`
`40
`
`45
`
`50
`
`55
`
`60
`
`65
`
`6
`described according to the present invention. The system
`710 includes a processor 715, a volatile memory 720, e.g.,
`RAM, a keyboard 725, a pointing device 730, e.g., a mouse,
`a nonvolatile memory 735, e.g., ROM, hard disk, floppy
`disk, CD-ROM, and DVD, and a display device 705 having
`a display screen. Memory 720 and 735 are for storing a
`program instructions which are executable by processor 715
`to implement various embodiments of a method in accor-
`dance with the present invention. Components included in
`system 710 are interconnected by bus 740. A communica-
`tions device (not shown) may also be connected to bus 740
`to enable information exchange between system 710 and
`other devices.
`
`In various embodiments system 710 takes a variety of
`forms, including a personal computer system, mainframe
`computer system, workstation, Internet appliance, PDA, an
`embedded processor with memory, etc. That is, it should be
`understood that the term “computer system” is intended to
`encompass any device having a processor that executes
`instructions from a memory medium. The memory medium
`preferably stores instructions (also known as a “software
`program”)
`for implementing various embodiments of a
`method in accordance with the present invention. In various
`embodiments the one or more software programs are imple-
`mented in various ways,
`including procedure-based
`techniques, component-based techniques, and/or object-
`oriented techniques, among others. Specific examples
`include XML, C++ objects, Java and Microsoft Foundation
`Classes (MFC).
`It should also be understood from the foregoing that in
`various embodiments the method for publishing a web page
`optimized for a device having a limited display screen is
`implemented in a variety of programming languages, such
`as XML and XSLT. In one embodiment, the method uses
`Java Server Pages (“JSP”), and, accordingly, a Java proces-
`sor receives one or more .jsp style sheet files to generate
`HTML displays. In one embodiment, the method uses Visual
`Basic programming language.
`The description of the present embodiments have been
`presented for purposes of illustration, but are not intended to
`be exhaustive or to limit the invention to the forms dis-
`
`closed. Many additional aspects, modifications and varia-
`tions are also contemplated and are intended to be encom-
`passed within the scope of the following claims. For
`example, while certain aspects of the present invention have
`been described in the context of a fully functioning data
`processing system, those of ordinary skill in the art will
`appreciate that the processes of the present invention are
`capable of being distributed in the form of a computer
`readable medium of instructions in a variety of forms. The
`present invention applies equally regardless of the particular
`type of signal bearing media actually used to carry out the
`distribution. Examples of computer readable media include
`RAM, flash memory, recordable-type media such as a floppy
`disk, a hard disk drive, a ROM, CD-ROM, DVD and
`transmission-type media such as digital and/or analog com-
`munication links, e.g., the Internet.
`Although the embodiment described above has first and
`second documents 340 and 350 for producing corresponding
`first and second views on the limited device, as shown in
`FIGS. 3, 5A and 5B, in an alternative, one document is
`produced having at least two frames. For example, frames
`are typically configured in a web display by using
`<FRAMESET>, </FRAMESET> commands. In this single-
`document embodiment, a first frame that is vertically scrol-
`lable but not horizontally scrollable displays problem num-
`ber 130 (FIGS. 1, 5A, 5B and 5C). A second frame that is
`
`013
`
`WhatsApp |nc.'s Exhibit 1004
`
`WhatsApp Inc.'s Exhibit 1004
`
`013
`
`

`

`US 6,928,617 B2
`
`7
`vertically scrollable in coordination with the first frame
`displays, and is also horizontally scrollable, displays addi-
`tional attributes of service request records corresponding to
`the respectively displayed problem numbers. Accordingly,
`the terms “first presentation material” and “second presen-
`tation material” are used herein to refer to first and second
`
`documents for generating first and second views on the
`CLD, as in the first embodiment, and also to refer to a single
`document with the first and second frames, as in the single-
`document embodiment. Thus,
`for the single-document
`embodiment, “first presentation material” refers to the docu-
`ment with the first frame and a first instance of the second
`
`10
`
`frame, and “second presentation material” refers to the
`document with the first frame and a second instance of the
`second frame.
`
`15
`
`Although certain aspects of the present invention have
`been described in the context of application to a “connected,
`limited device,” implying that the device is connected to a
`computer or network of computers, it should be understood
`that the invention applies equally to devices having limited
`size display screens but which are not connected to a
`computer or network.
`To reiterate, many additional aspects, modifications and
`variations are also contemplated and are intended to be
`encompassed within the scope of the following claims.
`Moreover,
`it should be understood that in the following
`claims actions are not necessarily performed in the particular
`sequence in which they are set out.
`What is claimed is:
`
`1. Amethod for creating multiple segments of information
`for presentation on a device having a limited size display
`screen, the method comprising:
`generating a first derivative style sheet file from a first
`copy of a master style sheet file, wherein the master
`style sheet file specifies, as a set of attributes, a certain
`portion of source information for presenting on a
`certain display screen, wherein the set of attributes
`exceeds an amount of information capable of being
`displayed by the limited size display screen in a single
`view, and wherein generating the first derivative style
`sheet file includes:
`
`deleting ones of the attributes from the first copy of the
`master style sheet file, so that the first copy of the
`master style sheet
`file has a first subset of the
`attributes specifying a first segment of the source
`information:
`
`generating at least a second derivative style sheet file from
`at least a second copy of the master style sheet file,
`including:
`deleting ones of the attributes from the at least second
`copy of the master style sheet file so that the at least
`second copy of the master style sheet file has a
`second subset of the attributes specifying at least a
`second segment of the source information;
`generating first presentation material, in response to the
`source information and the first derivative style sheet
`file, fo