Case 5:20-cv-08339-VKD Document 1-1 Filed 11/25/20 Page 1 of 105
`Case 5:20-cv-08339—VKD Document 1—1 Filed 11/25/20 Page 1 of 105
`
`EXHIBIT A
`
`EXHIBIT A
`
`

`

`(12) United States Patent
`Rempell
`
`USOO6546397 B1
`(10) Patent No.:
`US 6,546,397 B1
`(45) Date of Patent:
`Apr. 8, 2003
`
`(54) BROWSER BASED WEBSITE GENERATION
`TOOL AND RUN TIME ENGINE
`(76) Inventor: Steven H. Rempell, 38 Washington St.,
`Novato, CA (US) 94.947
`Subject to any disclaimer, the term of this
`patent is extended or adjusted under 35
`U.S.C. 154(b) by 0 days.
`
`(*) Notice:
`
`(21) Appl. No.: 09/454,061
`(22) Filed:
`Dec. 2, 1999
`
`6,148,311 A 11/2000 Wishnie et al. ............. 707/513
`6,191,786 B1 * 2/2001 Eyzaguirre et al. ......... 345/853
`OTHER PUBLICATIONS
`Piero Fraternali, “Tools and Approaches for Developing
`Data-Intensive Web Applications: A Survey', ACM Sep.
`1999, pp. 226–263.*
`BaluSubramanian et al A Large-Scale Hypermedia Applica
`tion using Document Management and Web Technologies,
`ACM 1997, pp. 134–145.*
`* cited by examiner
`0
`-
`Primary Examiner Safet Metahic
`ASSistant Examiner Uyen Le
`(74) Attorney, Agent, or Firm-Coudert Brothers LLP
`,
`ABSTRACT
`(57)
`A method and apparatus for designing and building a web
`page. The apparatus includes a browser based build engine
`including build tools and a user interface. The build tools are
`operable to construct a single run time file and an associated
`database that describe, and when executed, produce the web
`References Cited
`page. The user interface includes a build frame and a panel.
`U.S. PATENT DOCUMENTS
`The build frame is operable to receive user input and present
`a WYSIWIG representation of the web page. The panel
`5,428,731. A 6/1995 Powers, III ................. 707S01
`i. A : y R"v- - - - - - - -
`- - - - 3:3: includes one or more menus for controlling the form of
`6,035.119 A
`3/2000 Massena et al...
`4
`content to be placed on the web page.
`6,081,263 A * 6/2000 LeGallet al.........
`... 345/327
`7/2000 Davidson et al. .............. 717/1
`39 Claims, 68 Drawing Sheets
`6,083.276 A
`
`(51) Int. C.7 - - - - - -
`... GO6F 17/00; GO6T 13/00
`(52) U.S. Cl. ................. 707/102; 707/104.1; 707/501.1;
`345,700; $45,473
`(58) Field of Search ................................. 707/102,103,
`707/104, 501, 513,517, 530, 104.1, 501.1;
`345/333,967, 326,339, 348, 352, 700,
`473
`
`(56)
`
`
`
`START
`
`
`
`
`
`HE BROWSERASED
`BLOOOCREATES AN
`OBECoAABASE
`
`HMSEFE AND
`CABARFLE WITH
`8
`-> CSTOMZE RUN ENGIN
`AN ATA BASE
`
`9
`
`10
`
`11
`
`UPLOAD TO
`USERS WEBSITE
`
`BROWSER CALS
`THE RUN ENGINE
`
`RUN ENGINE REAS
`AABASE AND
`ExeCUES THENTIRE
`WEBSITE
`
`Case 5:20-cv-08339-VKD Document 1-1 Filed 11/25/20 Page 2 of 105
`
`

`

`U.S. Patent
`
`Apr. 8, 2003
`
`Sheet 1 of 68
`
`US 6,546,397 B1
`
`START
`
`
`
`
`
`
`
`NON-BROWSER BASED
`HTMLISCRIPT
`CODE
`GENERATOR
`
`HTML FILES
`WITH IMBEDDED SCRIPTAND
`UAVA APPLETS
`(ASISOLATED ENTITIES)
`PER WEB PAGE
`
`UPLOAD EACH
`WEB PAGE TO
`USER'S WEBSITE
`
`Case 5:20-cv-08339-VKD Document 1-1 Filed 11/25/20 Page 3 of 105
`
`
`
`EXECUTED BY
`BROWSER
`
`
`
`Fig. 1
`
`PRIOR ART
`
`

`

`U.S. Patent
`
`Apr. 8, 2003
`
`Sheet 2 of 68
`
`US 6,546,397 B1
`
`START
`
`
`
`THE BROWSER BASED
`BUILD TOOL CREATES AN
`OBJECT DATABASE
`
`HTML. SHELL FILE AND
`CABIJAR FILE WITH
`CUSTOMZED RUN ENGINE
`AND DATA BASE
`
`UPLOAD TO
`USERS WEBSITE
`
`BROWSER CALLS
`THE RUN ENGINE
`
`RUN ENGINE READS
`DATABASE AND
`EXECUTES THE ENTIRE
`WEBSITE
`
`Case 5:20-cv-08339-VKD Document 1-1 Filed 11/25/20 Page 4 of 105
`
`

`

`U.S. Patent
`
`Apr. 8, 2003
`
`Sheet 3 of 68
`
`US 6,546,397 B1
`
`
`
`
`
`
`
`
`
`
`
`
`
`
`
`
`
`
`
`
`
`
`
`
`
`
`
`
`
`
`
`
`
`
`
`
`
`
`
`INSTALLATION
`
`PROGRAM
`
`356
`
`SCREEN
`SENSING
`MECHANISM
`354
`
`INTERFACE
`
`se
`
`WEB PAGE
`SCALNG
`ENGINE
`
`360
`
`-
`INTERFACE's
`
`DATA BASE
`
`--- s
`
`352
`
`---- - - - - - - - - -----
`
`TIME LINE
`ENGINE
`
`BUILD ENGINE
`
`358
`
`---
`
`BUILD ENGINE'S
`MULTI
`DIMENSIONAL
`ARRAY
`STRUCTURED
`DATA BASE
`
`Case 5:20-cv-08339-VKD Document 1-1 Filed 11/25/20 Page 5 of 105
`
`Fig. 3a
`BUILD TOOL COMPONENTS
`
`

`

`U.S. Patent
`
`Apr. 8, 2003
`
`Sheet 4 of 68
`
`US 6,546,397 B1
`
`
`
`
`
`
`
`
`
`
`
`
`
`
`
`INALZE
`
`(FIGURE 5)
`
`13
`
`ACTIVATEPANE, POPUP WINDOW,
`COLORAND ALERT MESSAGE
`NTERFACE TECHNOLOGY
`(FIGURES 7a, 7b, & 7c)
`
`COMMUNICATION OF USERNPUT
`ATA AND STATUS BETWEENTHE
`ENGINEAN THE INTERFACE
`(FIGURE 6)
`
`4.
`
`w
`UPDATENTERNAL DATA BASE
`AND SET FEATURE FLAGS
`
`(FIGURE 8)
`
`
`
`
`
`
`
`
`
`
`
`|
`
`y
`AUDIO AND WIDEO
`LECHANNEL
`PROCESSING
`(FIGURE 14)
`
`
`
`
`
`24
`
`POLING TECHNOLOGY: INTERFACE TO THE BUILD ENGINE
`
`(FIGURE 9)
`
`ANALYZE INPUT:
`ERRORCHECKING
`
`
`
`(FIGURE 10)
`
`DIRECTWEBPAGE
`TEXTENTRY AND
`TEXT PROCESSING
`(FIGURE 11)
`
`BUTTON, IMAGE AND
`PARAGRAPH STYLE
`SETANGS AND
`TECHNOLOGY
`(FIGURE 13)
`
`MAGE PROCESSING
`
`(FIGURE 12)
`
`FrAMES, TABLES,
`FORMS AND DRAW
`OBJECTS
`(FIGURE 15)
`
`
`
`
`
`ANMATON AND/OR
`INTERACON
`TECHNOLOGY
`
`22
`
`user INTERACTION
`SETTINGS AND
`ECHNOLOGY
`
`TANIMATION
`SETTINGS AND
`TECHNOLOGY
`
`traNSORMATION
`SETINGS AND
`ECHNOLOGY
`
`
`
`OBJECT
`TIME LINE SETINGS
`AND TECHNOLOGY
`
`
`
`
`
`
`
`(FIGURE 16)
`
`(FIGURE 17)
`
`(FIGURE 18)
`
`(FIGURE 19)
`
`
`
`WEB PAGE
`RANSiTION ANIMATIONS,
`ME LINE SENGS
`AND TECHNOLOGY
`(FIGURE 20)
`-
`
`29b.
`
`DYNAMIc weBPAGE
`RESIZING PROCESS
`
`(TO FIG. 5)
`(FIGURE 22)
`
`VIEW OPERATIONS (FROM FIG. 6)
`NORMAL PREVIEW, AND PLAY.
`ZOOMING AT WAROUSZOOMEVES
`| ACTIVATE THE DYNAMICWEBPAGE
`RESIZINGPROCESS,
`(FIGURE 21b)
`
`THE BUILD Tool & BUILD PROCESS
`
`FILE OPERATIONS (FROM FIG. 6)
`NEW, APPLY AND CLOSE. OPEN AND WEBSITEACTIVATE
`THE DYNAMICWebPAGERESIZINGPROCESS,
`SAVE AND SAVE AS BEGIN THE RUNGENERATION AND THE
`RUNTIME PROCESS (SEE FIGS. 4 AND 23)
`(FIGURE 21a)
`
`Case 5:20-cv-08339-VKD Document 1-1 Filed 11/25/20 Page 6 of 105
`
`
`
`9
`
`

`

`U.S. Patent
`
`Apr. 8, 2003
`
`Sheet S of 68
`
`US 6,546,397 B1
`
`
`
`370
`
`RUN
`GENERATION
`PROCEDURE
`
`"-
`
`DATABASE
`
`-
`
`WEB PAGE
`SCALING
`ENGINE
`
`RUNTIME user
`INTERACTION
`ENGINE
`--
`
`RUNTIME ENGINE
`
`RUNTIME
`TIMELINE
`ENGINE
`
`PAGE SIZE
`GENERATION
`ENGINE
`
`382
`
`RUNTIME
`DRAWING,
`ANIMATION,
`AUDIO AND
`VIDEO ENGINE
`
`Fig. 4a
`
`Case 5:20-cv-08339-VKD Document 1-1 Filed 11/25/20 Page 7 of 105
`
`RUN GENERATION AND RUNTIME
`COMPONENTS
`
`

`

`U.S. Patent
`
`Apr. 8, 2003
`
`Sheet 6 of 68
`
`US 6,546,397 B1
`
`SAVE WEBSITE.
`BEGINRUNGENERATION
`
`i
`
`EXTERNALDATABASE CREATION: SECURITY AND OPTIMIZATION TECHNOUES
`
`31
`
`33B
`
`32
`
`3A
`
`
`
`
`
`
`
`
`
`(FIGURE 24)
`
`CREATE CUSTOMZED AND OPTIMIZEDRUNTIME ENGINE
`
`(FIGURE 25)
`
`CREATE THE HMSHELL FLE
`
`(FIGURE 26)
`
`CREATE THE CABIARFILES
`
`(FIGURE 27)
`
`UPLOAD THE HTMLSHEL FILE AND THE JARICABFILES
`TO THE USERS WEBSITE.
`
`WEBPAGESIZE GENERATION TECHNOLOGY
`
`
`
`(FIGURE 28)
`
`READ OATA BASE AND GENERATE NECESSARY OBJECTS.
`
`(FIGURE 29)
`
`WEBPAGE GENERATION WITH SCALING TECHNOLOGY.
`
`360
`
`(FIGURE 30)
`
`365
`
`THE MULTILEVE WEBPAGE AND OBJECT THREAD TECHNOLOGY
`
`
`
`(FIGURE 31 THROUGH FIGURE35)
`
`RESPOND TO USER INTERACTIONS.
`
`(FIGURE 36)
`
`? EXIT
`
`Case 5:20-cv-08339-VKD Document 1-1 Filed 11/25/20 Page 8 of 105
`
`Fig. 4b
`RUN GENERATION & THE RUNTIME PROCESS
`
`

`

`U.S. Patent
`
`Apr. 8, 2003
`
`Sheet 7 of 68
`
`US 6,546,397 B1
`
`1 -
`
`39
`
`INTIALIZATION AND BUILD ENGINES ARESGNED AND TMESTAMPED AND PLACED INA JAVAWRAPPER.
`
`BUILD TOOLS CREATED.
`
`
`
`
`
`
`
`V \
`
`NITIAL BUILD
`TOOL FES
`ACTIVATED
`
`BROWSERTYPESSENSED TO
`DETERMINE RECURED SECURITY
`AUTHORIZATIONS.
`
`HE INITALIZATION ENGINES CALLED WHCH
`RETURNS THE SCREEN RESOUTION.
`THE INITIALIZATIONMODES CONFIRMED.
`THE INTIALIZATION ENGINES CALLED TO ADAPT
`THE INTERFACE TO THE CURRENT SCREEN
`RESOLUTION.
`
`THE INITIALIZATION ENGINE ASSERTS, IF
`NECESSARY. THE RECURED SECURITY
`AUTHORIZATION FOR READ/WRITE ONUSERDISK
`
`HE INITALIZATION ENGINE CREATES A BULD
`ENGINE HTMDEFINITION FILE
`
`
`
`
`
`
`
`
`
`
`
`
`
`42
`
`43
`
`44
`
`45
`
`GENERATE BULD ENGINESCREEN
`
`
`
`THE INTABUILD TOOL FILETURNS CONTROL OVER
`TO THE BUILD ENGINE PARENT HTML FRAME FILE.
`THE INTERFACE THROUGH THE PANELFE AND THE
`BUILD ENGINE THROUGH THE BUILD ENGINE HTML
`DEFINITIONFILE ARELOADED.
`
`Case 5:20-cv-08339-VKD Document 1-1 Filed 11/25/20 Page 9 of 105
`
`
`
`TO FIGURE 6
`
`Fig. 5
`
`NITIALIZATION
`
`

`

`U.S. Patent
`
`Apr. 8, 2003
`
`Sheet 8 of 68
`
`US 6,546,397 B1
`
`3
`
`: COMMUNICAON OF USER
`INPUT DATA AND STATUS
`BETWEEN THE ENGINEANd
`THE INTERFACE.
`
`
`
`48
`
`y
`
`SELECTION
`FROMAJAVA
`WINDOW
`OBJECT
`(SH6-SH7)
`
`Y.
`
`SELECTION
`FROMA
`JAVASCRIPT
`WNOW
`(SH19, ETC)
`
`:
`
`DRECT TEXT
`ENTRY AND
`PROCESSENG
`
`(SH2-SH5)
`
`DYNAMICWEB
`PAGE RESZNG
`
`RESIZE.EVENT
`DETECED
`
`DREC OBJEC
`MANIPULATION
`
`(SH8-SH 12,
`SH38, SH40)
`
`54
`
`!
`
`SELECTION
`FROM THE
`JAVASCRIPT
`PANE
`(SH 13-18)
`
`
`
`
`
`SELECTION
`WTHADUAL
`SPIN CONTROL
`L (SH19-SH22
`)
`
`SELECTION
`FROMA
`JAVASCRIPT
`CHILD WINDow
`OBJECT
`SH23-27)
`
`
`
`
`
`TO FIGS. 7 AND
`8.
`
`(
`
`Fig. 6
`
`Case 5:20-cv-08339-VKD Document 1-1 Filed 11/25/20 Page 10 of 105
`
`COMMUNICATION OF USER INPUT DATA AND
`STATUS BETWEEN THE ENGINE AND THE
`INTERFACE.
`
`

`

`U.S. Patent
`
`Apr. 8, 2003
`
`Sheet 9 of 68
`
`US 6,546,397 B1
`
`
`
`FROM
`FGS. 68.9
`
`POPUP WINDOWAND PANELNERFACE
`TECHNOLOGY
`
`56
`
`59
`
`MOUSE AND KEYBOARD
`VENTS
`
`JAVASCRIPTTECHNOLOGY
`
`HTML FRAME, TABLE AND
`FORMTECHNOLOGIES, AND
`THRINTERACIONS WITH
`JAVASCRPT.
`
`CASCADING STYLE SHEETS.
`
`EXIT TO
`FIGS. 9 & 10
`
`Fig. 7a
`
`POPUP WINDOW AND PANEL INTERFACE
`AND COLOR TECHNOLOGY
`
`Case 5:20-cv-08339-VKD Document 1-1 Filed 11/25/20 Page 11 of 105
`
`

`

`3
`tne
`Case 5:20-cv-08339-VKD Document 1-1 Filed 11/25/20 Page 12 of 105
`D
`O2/5
`%O.
`
`mmDm.
`
`e1..e1%
`
`m816
`
`
`
`
`
`
`
`
`
`
`
`
`
`
`
`
`_A*1oz<238.10%mom:a3szmomjwEmahoémpz.ENM2555;2Nmama925«Rmm<m59.KNm24MD¢w51cum@5sz
`
`O3a16,mM
`
`m7
`
`eS9U
`
`0h53
`
`2,.m16QR\l
`
`
`
`
`
`59whom—amom0<n_N_M._.Z_.._mz<n_”—0ZO_._.<._.ZM_>_mu_m_>=
`
`
`
`
`
`1F
`
`
`
`f5250$25Bmfimow0Swamo$25.<$505.1;_|Ypom—Bo._wz<apomEo$25._|._mz<n_<H0_7<tommzozA_‘zotammmaoz._<$50zotnmH<mm>o295m¥_mw>omwaoz_f
`
`
`
`
`
`
`t«onwxhm>ozEu<mm<mmmSNmmaoz<xozo2Nmmaoz<wwwma‘2."m5m>ozRuEim<Ez_
`
`
`
`
`
`
`
`
`
`
`
`
`m295%.«52.mum:EN
`
`
`
`
`
`1‘89Secow9:.9;03Momw‘9.:
`
`
`
`
`
`
`
`
`
`
`
`Kn95...VPV3930QO111
`
`
`
`
`
`
`.
`
`ev1/SP\maw.8;aoWsow:cS,lx
`
`
`
`
`
`mm2..mE590253moEmEZ325.
`
`
`
`
`
`
`
`
`
`

`

`U.S. Patent
`
`Apr. 8, 2003
`
`Sheet 11 of 68
`
`US 6,546,397 B1
`
`(
`
`y
`FROM
`FGS, 68.9 )
`
`
`
`TABBED POPUP WINDOW
`INTERFACE TECHNOLOGY
`
`283
`
`| CLICK ON ATAB
`iNSIDEPOPUP
`
`- WINDOWS
`DETECTED
`
`use of
`284
`DYNAMIC HTML
`->
`
`USE OF
`285
`JAVASCRIPT
`->
`
`286
`
`USE OF
`CASCADING
`STYLE SHEETS
`
`(
`
`EXIT TO
`FGS. 68.9
`
`Fig. 7c
`
`Case 5:20-cv-08339-VKD Document 1-1 Filed 11/25/20 Page 13 of 105
`
`IMPLEMENTATION OF
`TABBED POPUP WINDOWS
`
`

`

`U.S. Patent
`
`Apr. 8, 2003
`
`Sheet 12 of 68
`
`US 6,546,397 B1
`
`14 y
`
`\,
`FROM
`FIGS. SAND9
`
`63
`
`---
`-b UPDATEWALUE
`
`-
`
`- - - -
`
`60
`
`
`
`62
`
`WEBSE OR HGH
`WATERMARK RELATED
`
`61 - — 65
`|
`WEB PAGE, PARAGRAPH
`STYLE,TEXT BUTTON
`STYLE, OR IMAGE STYLE |
`RELATED
`- -
`
`t
`
`64
`
`w
`
`-- - - - - - - ------- - - ---------, -, -
`
`. TEN SER
`REAED
`
`66
`
`w
`
`
`
`
`
`68
`
`w
`
`PARAGRAPHLNE
`RELATED
`
`CREATE URL, COLOR. FONT, IMAGE OR
`THREAD OBJECTS, IF NECESSARY
`
`ES555 CREATE URL, COLOR ORFON OBJECTS, IF
`IMAGE, AUDIO CLP, Video
`NECESSARY.
`CLIP, TEXT AREA, OR THREAD
`UPDATE 3D PARAGRAPHENE ARRAY
`OBJECTS, IF NECESSARY.
`ELEMENTS BASED ON CURRENTLINE.
`SERE WEESR UPDATE 2d OBJECT ARRAY
`UPDATE 4) PARAGRAPHLNESEGMENT
`Textstyle, OR IMAGE STYLE
`ELEMENTS BASED ON
`ARRAYELEMENTS, BASED ON CURRENT
`CURRENT OBJECT
`SEGMEN
`
`69 ---
`SETWEBPAGE, OBJECT,
`> PARAGRAPHLINE, OR PARAGRAPH
`LINE SEGMENT HIGH WATER
`MARKS, FREQUIRED.
`
`
`
`
`
`SET FEATURE FLAG, IF
`RECURED,
`
`O FIGS.
`i
`N 9 AND 10
`
`)
`
`Case 5:20-cv-08339-VKD Document 1-1 Filed 11/25/20 Page 14 of 105
`
`Fig. 8
`UPDATE INTERNAL DATA BASE AND SET FEATURE FLAGS
`
`

`

`U.S. Patent
`
`Apr. 8, 2003
`
`Sheet 13 of 68
`
`US 6,546,397 B1
`
`16 y
`
`(FROM \
`FIGS. 7 AND 8
`
`JAVASCRIPTPOLLS THE JAVA BUILD ENGINE EVERY 100 (ORLESS) MILLISECONDS.
`&
`THE WALUES. AS REPORTED IN REALTIME BY THEBULdNGINE FOR THE CURSOR'S ORIZONTAL
`VERTICAL POSITION'S AREPOLLED AND DISPLAYED.
`
`71
`
`AS THE BUILD ENGINE DETECTSA MOUSE OVERAN OBJECT, ORASINGLE OR DOUBLE CLICK WHEN OVER
`AWALID OBJECT, IT UPDATE'S VALUES THAT ARE BEING POLLED BY JAVASCRIPT.
`
`IF THE BUILD ENGINE DETECT ANON-RECOVERABLEERRORINTS EXCEPTION HANDING ROUTINES, T
`SEAANERRORF AG THAT IS BEINGPOLED BY JAVASCRIPT.
`
`72
`
`MOUSEEVENT
`POSTED AND
`POLED
`
`
`
`74
`
`?
`
`SINGLE CLICKMOUSEEVENT
`
`of RIETSE IS
`USED TO NITIALIZE WINDOWS
`WITH THAT OBJECTS CURRENT
`VALUES
`
`
`
`MOUSE OVER OBJECTEVENT
`
`JAVASCRIPTPOLLS WHICHYPE
`OF OBJECT AND TS HEIGHT AND
`WDTH ANRRSPAYS THOSE
`
`DOUBLE CLICKMOUSEEVEN
`JAVASCRIPT DISPLAY'S THE
`APPROPRIATE WINDow BASED ON
`THE SELECTED OBJECT.
`
`|
`
`(SH28-SH31)
`
`(SH32-SH33)
`
`77
`
`OBJECT
`TYPE
`
`- Y -
`?
`
`r- ------
`EXT OBJECT
`
`TEXT BUTTON OBJECT
`
`MAGE OBJECT
`
`THE VALUES FOR THE PARAGRAPH
`; STYLE,TEXT LOOK, POINT SIZE,
`OBJECT SIZE, COLOR LOCATION
`AND FRAME STATUS ARE POLLED
`AND DISPLAYED.
`POLLING INITIATED FOR THE
`|
`CREATION OF A HOT LINK
`-----
`
`
`
`The VALUES FOR HE TEXT BUTTON
`STYLE,TEXT LOOK, POINT SIZE, OBJEC
`SIZE.COLOR, ANIMATION, LOCATION
`AND FRAME STATUS ARE POLLED AND
`DSPLAYED
`THE WALUE OF THESRING ARE
`POLLED ARE USED FOR POPUP
`WINDOWNITALZAON
`
`THEVALUES FOR THE IMAGE
`STYLE, OBJEC SIZE, ANIMATION,
`LOCATIONAN FRAME STATUS
`ARE POLLED AND DISPLAYEO
`
`THE RESULTS OF DIRECT
`MANIPULATIONARE POLED AND
`DISPLAYED
`
`Case 5:20-cv-08339-VKD Document 1-1 Filed 11/25/20 Page 15 of 105
`
`TO FIGS.
`AND
`
`y
`
`Fig. 9
`
`POLLING METHODS
`
`

`

`U.S. Patent
`
`Apr. 8, 2003
`
`Sheet 14 of 68
`
`US 6,546,397 B1
`
`17 y
`
`FROM
`FGS. 7 AND 8
`
`w
`
`
`
`
`
`THE JAVASCRPT
`INTERFACE
`ERROR CHECKING
`
`81 —
`|
`FILE NAME
`|- ERROR
`CHECKING
`
`82
`
`ce:g
`
`i
`
`WADITY
`CHECKING AND
`COrrCTION
`
`84
`
`-> VALUES PASSED TO THE BUILD ENGINE
`
`85
`
`r
`
`BUILD ENGINE EXCEPTION HANDING
`
`
`
`A TO FIGS. 11,
`\12, 13, 14 AND 15
`
`Fig. 10
`
`Case 5:20-cv-08339-VKD Document 1-1 Filed 11/25/20 Page 16 of 105
`
`ANALYZE INPUT: ERROR CHECKING
`
`

`

`U.S. Patent
`
`Apr. 8, 2003
`
`Sheet 15 of 68
`
`US 6,546,397 B1
`
`18 N
`
`(
`
`FROM
`FIG 10
`
`\
`
`86
`
`USER SELECTS TXT
`BUTTON OR PARAGRAPH
`\ FROM THE PANELICONS
`
`87
`
`JAVASCRIP CALSBUILD ENGINE
`WITH BOARD OBJECT TYPE, AND
`OBJECT NUMBER SETTINGS.
`(SH3)
`
`se
`
`'-oa
`w
`
`USER CLICKS MOUSE ON /
`WEBPAGE
`(SH4)
`
`89
`
`CURRENTY SELECTED PARAGRAPHTEXT STYLE'S VALUES ARE USED,
`DYNAMICHIDDEN FRAME IS CREATED ATCURSOR LOCATION.
`INSERTION POINT AND SELECTION RECTANGLE ARE ORAWN.
`TEXTEDITORS ACTIVATED
`
`|->
`w
`\-
`
`user PREsses a RELEvent
`KEYBOARD KEY.
`(SH5)
`
`A
`
`92
`
`w
`W
`
`
`
`USER CLICKS, DOUBLE CLICKS, OR /
`DRAGS THE MOUSE.
`/
`(SH32-SH33)
`
`o
`
`EDITOR PRocessEs KEY.
`HIDDEN FRAMERESIZED F NECESSARY.
`REFORMAT CALLED, IF NECESSARY.
`-->
`FRAME AND PARAGRAPH/TEXT DATA BASE :
`UPDATE,
`
`| EDITOR PROCESSES THE MOUSE EVENT.
`H
`:
`SETSNECESSARY FAGS.
`
`93
`
`94
`
`-
`EXT AND PARAGRAPH SEGMENT STRINGS ARE
`UPDATED, F NECESSARY.
`BASED ON FLAGS, THE DRAW SYSTEMIS
`CALLED,
`
`TO
`\
`( deciSION 23
`Y-
`-
`
`Case 5:20-cv-08339-VKD Document 1-1 Filed 11/25/20 Page 17 of 105
`
`Fig. 11
`DIRECT WEB PAGE DATA ENTRY AND TEXT PROCESSING
`
`

`

`U.S. Patent
`
`Apr. 8, 2003
`
`Sheet 16 of 68
`
`US 6,546,397 B1
`
`19 Y
`
`/
`
`FROM
`FIG 10
`
`\
`
`USER SELECTS IMAGE FROM THE CREATEMENU,
`95 \
`JAVASCRIPT CALLS IMAGE CREATE WINDOW.
`\
`- IMAGENAME AND OTHER USER DEFINED SETTINGS
`\
`ARE CAPTURE AND CHECKED.
`W
`(SH34-SH35)
`
`
`
`(SH36)
`
`->
`\
`
`USER CLICKS MOUSE ON
`PAGE
`(SH37)
`
`BUILDENGINE ASSERSHENECESSARY SECURITY
`POLICY FORREADING THE LOCADSK.
`| THE IMAGE IS READ, EXCEPTIONS ARE HANDLED F
`NECESSARY, AND THE IMAGE IS DRAWN.
`THE MAGE DAABASE UPDATE,
`
`98
`
`
`
`
`
`99
`
`101
`
`DRECTWEBPAGE IMAGE INTERACTION
`
`THE BUILD ENGINE PROCESSES MOUSEEVENT.
`APPROPREATE VALUES PLACED IN POLLABLE JAVA ROUTINE.
`THE APPROPRIATE IMAGE PROCESSING ROUTINE IS CALLED.
`MOUSECURSOR SHAPE IS CHANGEOBASED ONFUNCTION.
`
`(SH39-SH41)
`
`JAVASCRIPTPANEL/WINDOWSINTERACTION FORMAGE
`OPERATION.
`
`INAVALUES ARE SET FROMJAVASCRIPTSDATA BASE.
`JAVASCRIPTSAABASE IS UPDATED.
`BUILD ENGINE SCALED WITH NECESSARY SETTINGS.
`APPROPRIATE MAGE PROCESSING ROUTINES CALLED.
`(SH42-SH43)
`
`-
`R&YREE S.
`UPDATES its DATABASE, AND
`DISPLAYS VALUES, IF
`REQUIRED, INPANEL
`
`100
`
`NECESSARY IMAGE FILTER(S) ARE CALLED
`| IMAGE OBSERVER IS ACTIVATED TO REPORT STATUS.
`(IF ANIMATION OR TRANSFORMATION SEE FIGS. 178. 18)
`DRAW SYSTEMISCALED BY MAGE OBSERVOR,
`
`
`
`102
`
`Case 5:20-cv-08339-VKD Document 1-1 Filed 11/25/20 Page 18 of 105
`
`TO
`DECISION 23
`
`Fig. 12
`
`IMAGE PROCESSING
`
`

`

`U.S. Patent
`
`Apr. 8, 2003
`
`Sheet 17 of 68
`
`US 6,546,397 B1
`
`20 y
`
`- THE INITIAL VALUES FOR THE POPUPWNDOWSARE SET FROM JAVASCRIPTS
`DATABASE
`
`.
`
`103
`
`THE WALUES FOR THE EXT BUTTON AND MAGE STYLE's look for NORMAL MOUSE
`OWER, AND MOUSE DOWN OBJECTS ARE CAPTURED.
`THE VALUES FOR THE TEXT BUTTON AND IMAGE STYLE'S OBJECT ANIMATIONS,
`TRANSFORMATIONS, AND TIME LENES ARE CAPTURED.
`THE WALUES FOR PARAGRAPH STYLES, AND THE LOOKFOR HOT LINKS ARE CAPTURED.
`(SH24-SH27).
`
`104
`-->
`
`JAVASCRIPSDAABASE ISUPDATED.
`JAVASCRIPT CALSBUILD ENGINEAN PASSES RECURED WALUES.
`BUILD ENGINE UPDATES INTERNAL DATABASE AND SETS FEATURE FLAGS
`(SEE FIG. 8).
`
`
`
`
`
`105
`
`IMAGE,TEXT BUTTON AND PARAGRAPH OBJECT CREATION.
`--> ALL THE SETTINGS FROM THE TEXT, IMAGE AND PARAGRAPH STYLES ARE
`APPLIED TO TEXT, IMAGE AND PARAGRAPH OBJECTS AS THEY ARE CREATED.
`
`106
`
`-
`
`EDITINGSTYLES AND INHERITANCE
`
`WHEN A STYLE ARE CHANGED, ALL OBJECTS ON ALL INTERNAL WEBPAGES
`->
`WHICHUTILIZED THAT PARTICULAR STYLEMAYBE CHANGED,
`
`WHETHER THE STYLE CHANGE WILL AFFECT AN OBJECT THAT UTILIZED THAT
`STYLES DEPENDENT ON THE RULES OF INHERITANCE.
`
`TO FIGS.
`f
`\
`1 AND12
`Y
`-
`
`Fig. 13
`
`Case 5:20-cv-08339-VKD Document 1-1 Filed 11/25/20 Page 19 of 105
`
`
`
`BUTTON, IMAGE AND PARAGRAPH STYLE SETTINGS
`AND TECHNOLOGY
`
`

`

`U.S. Patent
`
`Apr. 8, 2003
`
`Sheet 18 of 68
`
`US 6,546,397 B1
`
`2
`
`Y
`
`(
`
`FROM
`
`FIG 10
`
`107
`
`\
`
`USER SELECTS WIDEOOR AUDIO SPECIAEFFECT
`FROMA USER INTERACTION PAN
`(SEE FIG 16)
`
`108
`
`NITIAL VALUESSE FROMAWASCRIPTSDATA BASE
`
`-> F ORCHANNENAMES CAPTURED AND CHECKED.
`JAVASCRIPTSATA BASE IS UPDATED.
`BUILD ENGINE SCALED WITH NECESSARY SETTINGS.
`
`
`
`1 O
`
`WIDEO OR AUDIO FE
`
`VIDEO OR AUDIO CHANNE
`
`BUILDENGINE ASSERTSNECESSARY SECURITY
`POLICY FOR READING THE LOCAdSK AND
`EXCEPIONS ARE HANDLED
`WDEONAUOO FILE IS LINKEDAN PLAYED,
`DATABASE IS UPDATED.
`
`
`
`
`
`
`
`NCESSARYPONERS ARE UPDATE AND
`METHODS ASSIGNED FOREFFICENT TRANSMSSION
`
`O
`OECISION 23
`
`Fig. 14
`
`Case 5:20-cv-08339-VKD Document 1-1 Filed 11/25/20 Page 20 of 105
`
`VIDEO AND AUDIO FILEICHANNEL PROCESSING
`
`

`

`U.S. Patent
`
`Apr. 8, 2003
`
`Sheet 19 of 68
`
`US 6,546,397 B1
`
`
`
`1 1 3.
`
`114
`
`115
`
`BUILD PROCESS INTERFACE
`TECHNOLOGIES
`
`DRAW AND BUILD POPUPWINDOW
`
`BUILD ENGINE TECHNOLOGIES
`
`CALL BUL) ENGINE METHOD TO
`BUILD THE FRAME, TABLE, ETC.
`
`RUNGENERATION TECHNOLOGIES
`
`-...-
`
`RUNENGENE ECHNOLOGES
`
`DECSON 23 .
`
`TO
`
`Fig. 15
`
`Case 5:20-cv-08339-VKD Document 1-1 Filed 11/25/20 Page 21 of 105
`
`FRAMES, TABLES, FORMS AND DRAW OBJECTS
`
`

`

`U.S. Patent
`
`Apr. 8, 2003
`
`Sheet 20 of 68
`
`US 6,546,397 B1
`
`- -
`{
`FROM
`DECISION 23
`
`
`
`17
`
`
`
`PARAGRAPH
`
`TEX BUTTON
`OBJECT
`
`ACTIVATE BY DOUBLE CICK ORMOUSE ORAG, APPROPRIATEWALUES ARE SET INA
`POLL-ENABLEDJAWAROUTINE,
`THE JAVASCRIPTPOLLER READS THE WALUES, AND DRAWSAPPROPRIATE WINDOW,
`HOT LINKS CAPTURED FOR iNTERNAL OR EXTERNAL WEBPAGE.
`
`IMAGE OBJECT
`
`
`
`l
`
`THE BUILD ENGINE UPOATES TSNTERNALDATABASE
`(SH32-SH33)
`
`21
`
`1 WHICHN
`->< MoUse Y
`W N STATE /
`
`122
`
`Mouse over staTE
`
`MOUSE DOWN STATE
`
`INTIAL VALUES FOR THE POPUP WINDOWARE SET.
`CONTENT AND LOOKFORMOUSE OVER OBJECS CAPTUREO,
`TEXT BUTTON AND IMAGE POPUP SETTINGS ARE CAPTURED IF
`DEFINED
`THE SOUND ANOVIDEO SETTINGS ARE CAPTURED FOFINED.
`(SH44-SH45)
`
`NITIAL VALUES FOR THE POPUP WINDOWARE SET.
`CONTENT AND LOOKFORMOUSE DOWN OBJECTIS CAPTURED.
`FREEZE STATES AND MOUSE CLICKEVENT DEFINTIONS, AND
`SOUND/wiDEOSETTINGS ARE CAPTURED, IF DEFINED.
`(SH46-SH47)
`
`123
`
`JAVASCRIPTSDATABASE IS UPDATED.
`JAWASCRPT CALLSBUID ENGINE AND PASSES
`REQUIRED WALUES.
`BUILD ENGINE UPDATESNTERNALDATA BASE AND
`SETS FEATURE FLAGS (SEE FIG. 8).
`
`f
`
`TO
`PROCESS 29
`
`Fig. 16
`
`Case 5:20-cv-08339-VKD Document 1-1 Filed 11/25/20 Page 22 of 105
`
`USER INTERACTION SETTINGS AND TECHNOLOGY
`
`

`

`U.S. Patent
`
`Apr. 8, 2003
`
`Sheet 21 of 68
`
`US 6,546,397 B1
`
`* N.
`
`FROM
`
`DECSON 23
`
`
`
`124
`
`
`
`WHICH
`OBJECT
`
`25
`
`26
`
`TEXT BUTTON OBJECT
`THE NITIAL VALUES OF THE POPUP WINDOWARE SET.
`THE ANIMATION TYPE. SPEED, RESOLUTION AND NUMBER OF
`CYCLES ARE CAPTURED.
`(SH48)
`
`IMAGE OBJECT
`THE INITIAL VALUES OF THE POPUP WINDOWARE SET.
`THE ANIMATION TYPE, SPEED, RESOLUTION AND NUMBER OF
`CYCLES ARE CAPTURED.
`(SH49)
`
`127
`
`JAVASCRIPTSAABASE IS UPDATED.
`JAVASCRIPT CALS THEBUILD ENGINE AND PASSES :
`THE RECUREDVALUES.
`THE BUILD ENGINEUPDATES TSINTERNAL
`DATABASE AND SETS FEATURE FLAGS (SEE FIG. 8).
`THE LINKAGETO THE APPROPRIATE METHODSS
`SET.
`
`
`
`ATHREAD OBJECIS CREATED AND EXECUTED.
`VALUES ARE SET TO INTEGRATE THEANMATION
`INTO THE TIME LINE TECHNOLOGY.
`(SEE FIGURE 19)
`
`y
`THE THREAD OBJECT, WHENINVOKED WILL CALL
`THE APPROPRIATE IMAGE FILTER(S) AND ANIMATION
`METHODS.
`
`128
`
`-
`
`TO
`PROCESS 29 NT
`
`Fig. 17
`
`Case 5:20-cv-08339-VKD Document 1-1 Filed 11/25/20 Page 23 of 105
`
`ANIMATION SETTINGS AND TECHNOLOGY
`
`

`

`U.S. Patent
`
`Apr. 8, 2003
`
`Sheet 22 of 68
`
`US 6,546,397 B1
`
`* N.
`
`FROM
`DECSON 23
`
`
`
`-
`DATA CAPTURE
`
`30
`
`NTIAL VALUES FOR THE POPUPWINDOWARE SE.
`WHICH TRANSFORMATIONS BETWEEN WHICH OBJECTS (NORMAL, MOUSE OVER,
`MOUSE DOWN). ARE CAPTURED.
`THE TIME DELAY, PERTRANSFORM, AND RELATIONSHIP WITH ANY ANIMATION, IS
`ALSO CAPURED.
`FORMAGES HE SPEED OF EACHRANSFORMATION SASO CAPTURED.
`(SH50-SH51)
`
`131
`
`132
`
`133
`
`UPDATE DAABASES
`
`JAVASCRIPTSDATABASE IS UPDATED. JAVASCRIPT
`CAL SBUDENGINE AND PASSES RECURED
`VALUES.
`BUILD ENGINE UPDATES INTERNALDATABASE AND
`SETS FEATURE FLAGS (SEE FIG, 8).
`
`A T-READ OBJECTS CREATED AND EXECUTED
`VALUES ARE SET TO INTEGRATE THE
`RANSFORMATIONNTO THE TIME LINE
`ECHNOLOGY.
`(SEE FIGURE 19)
`
`THREAD OBJECT, WHEN INVOKED, WILL CALL THE
`APPROPRIATE IMAGE FILTER(S) AND
`TRANSFORMATION METHODS.
`
`
`
`TO
`w PROCESS 29 )
`
`Fig. 18
`
`Case 5:20-cv-08339-VKD Document 1-1 Filed 11/25/20 Page 24 of 105
`
`TRANSFORMATION SETTINGS AND TECHNOLOGY
`
`

`

`U.S. Patent
`
`Apr. 8, 2003
`
`Sheet 23 of 68
`
`US 6,546,397 B1
`
`27 y
`
`
`
`FROM
`DECISION 23
`
`THENTIAL VALUES FOR THE POPUP WINDOWARE SET FROMJAVASCRIPTSDATABASE
`
`THE WALUES FOR THE OBJECTS APPEARANCE TIME, ANIMATION TYPE, SPEED AND RESOLUTIONARE CAPTURED.
`THE WALUES FOR THE OBJECTS CHILD POPUP OBJECT(s) APPEARANCE TIME, ANIMATION TYPE. SPEED AND RESOLUTION ARE CAPTURED.
`ThE WALUES FOR THE OBJECT'SEXT TIME, ANIMATIONYUPE, SPEED AND RESOLUTIONARE CAPTURED.
`
`THE WALUES FOR THE OBJECT'S CHILD POPUP OBJECT(s) EXT TIME, ANIMATION TYPE, SPEED AND RESOLUTIONARE CAPTURED.
`(SH52-SH53)
`
`135
`
`JAVASCRIPTSDATABASE IS UPDATE).
`JAVASCRIPT CALLS THE BUILD ENGINE AND PASSES REQUIRED WALUES.
`
`THE BUILD ENGINEUPDATESTSNTERNALDATABASEANDSETS FEATURE
`FLAGS (SEE FIG. 8).
`
`---.
`
`THE OBJECT's ANIMATION SETTINGS, FANY, ARE INTEGRATED INTO THE TIMELINE.
`
`136
`
`THE OBJECTS TRANSFORMATION SETTINGS, FANY, Are FNTEGRATED INTO THE TIMELINE.
`FF ANIMAGE OBJECT. ANY TRANSFORMATION ANIMATION MAYBE EXECUTED SIMULTANEOUSLY
`WITH THEAPPEARANCE AND/OR EXTANIMATIONS, DEPENDING UPON THE SETTINGS.
`
`A MULT-EVEL OBJECT THREAO DEFINITION IS CREATED AND EXECUTED FOR USER
`WERFCATION
`
`137
`
`| THE THREAD OBJECT, WHENINVOKED, WILL CALL
`--> THE APPROPRIATE IMAGE FILTER(S), ANIMATION
`METHODS AND TRANSFORMATION METHODS.
`
`TO
`PROCESS 29
`
`Fig. 19
`
`Case 5:20-cv-08339-VKD Document 1-1 Filed 11/25/20 Page 25 of 105
`
`OBJECT TIME LINES AND TECHNOLOGY
`
`

`

`U.S. Patent
`
`Apr. 8, 2003
`
`Sheet 24 of 68
`
`US 6,546,397 B1
`
`
`
`FROM
`DECSION 23
`
`INTIAL VALUEs for THE POPUP WINDOWARE SET FroMJAVASCRIPTS
`DATABASE
`
`THE WALUES FOR THE WEB PAGE'S APPEARANCE DELAY, TRANSiTION
`ANIMATION, ANIMATION SPEED AND RESOLUTIONARE CAPTURED,
`
`
`
`(SH54-SH55)
`
`139
`
`-----
`
`JAVASCRIPTS DATABASE IS UPDATED.
`
`JAVASCRIPT CALLS THE BUILD ENGINE AND PASSES THE RECURED VALUES.
`
`THE BUILD ENGINE UPDATES ITS INTERNALDATABASEAND STS FEATURE
`FLAGS (SEE FIG. 8).
`
`140
`
`| The WEBPAGE TIME LINESSYNCHRONIZED WITH THETS OBJECT TIME linS.
`- |
`THE WEB PAGES APPEARANCE DELAY ANDTRANSiTION SETTINGS ARE
`>
`NTEGRATED INTO THE WEBPAGE TIMELINE.
`
`A SINGLE-LEVE OBJECTHREAD DEFINITIONS CREATED,
`-
`
`| THE WEB PAGE THREAD OBJECT, WHEN INVOKED,
`WILL CALL THE APPROPRIATE IMAGE FILTER(S),
`ANIMATION ROUTINES AND CREATE THENECESSARY
`OBJECT TIME LINE THREADS.
`
`TO
`PROCESS 29 )
`
`Fig. 20
`
`Case 5:20-cv-08339-VKD Document 1-1 Filed 11/25/20 Page 26 of 105
`
`
`
`WEB PAGE TRANSiTION ANIMATIONS, TIME LINE
`SETTINGS AND TECHNOLOGY
`
`

`

`U.S. Patent
`
`Apr. 8, 2003
`
`Sheet 25 of 68
`
`US 6,546,397 B1
`
`FROM
`FGS, 16-20
`
`29 N
`
`\
`
`FLE
`OPERATION
`SELECTED.
`
`
`
`
`
`
`
`
`
`
`
`SAVE AS
`
`CLOSE
`
`(
`
`To FIGS.
`4 AND 5
`
`A
`
`O
`FIG.22
`
`Y
`
`
`
`TO FIGS.
`4 AND 24
`
`to
`FIG.5
`
`/ To FIGS.
`(
`N52
`
`'
`)
`
`fig. 21a
`
`Case 5:20-cv-08339-VKD Document 1-1 Filed 11/25/20 Page 27 of 105
`
`FILE OPERATIONS
`
`

`

`U.S. Patent
`
`Apr. 8, 2003
`
`Sheet 26 of 68
`
`US 6,546,397 B1
`
`29 N
`
`FROM
`FIGS. 16-20
`
`WEW
`OPERATION
`SELECTED.
`
`149a
`
`149b)
`
`149C
`
`149d
`
`|
`
`NORMAL
`
`t
`
`| PREVIEW
`
`PLAY
`
`ZOOM
`50%, 200%,
`ETC.
`
`|
`V
`
`-
`
`To
`FIG. 5
`
`TO
`FIG 28
`- -1
`
`TO
`FIG. 28
`
`TO
`FIG. 22
`
`fig. 21b
`
`Case 5:20-cv-08339-VKD Document 1-1 Filed 11/25/20 Page 28 of 105
`
`VIEW OPERATIONS
`
`

`

`U.S. Patent
`
`Apr. 8, 2003
`
`Sheet 27 of 68
`
`US 6,546,397 B1
`
`.
`? FROM
`FG. 21a
`\
`
`\,
`)
`l/
`
`FROM
`FIG 21b
`
`-------
`
`,
`
`user
`500 \
`SELECTS
`- OPENERQM
`THE FILE
`y
`\
`MENU
`
`-
`
`userchanges the
`50 \
`WEBPAGESIZE
`|
`\
`- UNDER THE WEBSITE
`A coMMAND FROM THE
`y
`FILEMENU
`
`f
`
`\
`USER SELECTS
`W
`\ ZOOMUNDER
`THE VIEWMENU
`\
`
`
`
`504
`
`/
`
`506
`
`HEADER AND WEBPAGE SETTINGSAR
`READ FROMTSDATABASE.
`
`A BUILD ENGINE HTMLDEFINITIONFILES
`CREATEDBASED ON THESE WEBPAGE
`SPECIFICATONS
`
`:
`:
`
`AEXTERNAL TEMPORARY DATABASE SWRITTEN
`BASED ON THE CURRENT WEBSITEDFINITION.
`
`A BUILD ENGINE HTMLDEFINIONFILE IS CREATED
`BASED ON THE NEW WEBPAGE SPECIFICATION.
`
`508
`
`510
`
`y
`TERMINATION PROCESS
`THE BUILD ENGINE TERMINATESITSELF.
`
`THE INTERFACE WRITES OUTAS COOKES. THENTIALIZATION MODE,
`CURRENT WEBPAGENUMBER, WEBSITE NAME AND ZOOMLEVEL
`
`THE INTERFACETERMINATESITSELF BY REINITIALIZING THE BUILD
`ENGINE PARENTHTML FRAME FILE.
`
`REINITIALIZATION PROCESS.
`
`PANEL READS MODE COOKEANDETERMNES INITIALIZATION STATUS.
`
`512
`
`PANEL READS CURRENT WEBPAGENUMBER, ZOOM LEVELAND WEBSITE NAME
`COOKIES.
`
`b
`
`PANELCALLSBUD ENGINE TO READIN THE EXTERNALDATABASE.
`
`PANELCALS THE BUILDNGINE TO RETURN THE NECESSARY VALUESN
`ORDER TOUPDATE THE PANEL'S DATABASE.
`
`PANELCALLSBUILD ENGINE TO GO TO THE CORRENT WEBPAGE AT THE
`CURRENT ZooMLEVEL
`r To y
`FIG.6 -- -1
`Fig. 22
`
`Case 5:20-cv-08339-VKD Document 1-1 Filed 11/25/20 Page 29 of 105
`
`DYNAMIC WEB PAGE RESIZING PROCESS
`
`

`

`U.S. Patent
`
`Apr. 8, 2003
`
`Sheet 28 of 68
`
`US 6,546,397 B1
`
`
`
`Case 5:20-cv-08339-VKD Document 1-1 Filed 11/25/20 Page 30 of 105
`
`*ws: 8:38.838 &
`
`

`

`U.S. Patent
`
`Apr. 8, 2003
`
`Sheet 29 of 68
`
`US 6,546,397 B1
`
`se-N
`
`FROM
`FIG. 3
`
`152
`
`ACCEPT USER'S "WEBSITENAME",
`CREATE "WEBSITENAME. OTA FLE.
`
`150
`
`151
`
`SECURITY RIGHTSHAD BEENESTABISHED
`DURING THE BUILD TOOL'S NITALIZATION
`(SEE FIG 5)
`
`ASSERTNECESSARY SECURITYPOCY
`PERMISSIONS FOR FILE CREATION
`RIGHTS.
`
`
`
`
`
`-
`
`HIGH WATER MARK TECHNOLOGY.
`NUMBER OF WEBPAGES AND SYLES
`NUMBER OF TEXT BUTTON, IMAGE,
`PARAGRAPH, ETC, OBJECTS PER WEBPAGE,
`NUMBER OF LINES AND LINE SEGMENTS FOR
`ANY PARAGRAPH OBJECT.
`
`WRITE HEADER RECORDS INCLUDING
`DEFAULT SCREEN RESOLUTION, WEB
`PAGE AND STYLE HIGH WATER MARKS,
`AND USER WEB PAGESIZE SETTINGS
`
`153
`
`155
`
`156
`
`54
`
`y
`WRITE OUT STYLE RECORDS For PARAGRAPH, TEXT BUTTONAND IMAGE STYLES.
`
`--
`
`WRITE ARRAYSTRUCTURESBASED ON HIGH WATER MARKS, OBJECT TYPE, AND TYPE OF DATA
`
`BOOLEAN RECORDS
`
`NTEGER RECORDS
`
`MULTIMEDIA OBJECTS
`
`STRING RECORDs
`
`VALUES FORWEB
`PAGES, OBJECTS, AND
`OBJECT COMPONENTS
`IN A FOUR
`DIMENSIONAL ARRAY
`STRUCTURE.
`
`:
`|
`
`VALUES FOR WEB
`PAGES, OBJECTS, AND
`OBJECT COMPONENTS
`IN A FOUR
`DIMENSIONAL ARRAY
`STRUCTURE.
`
`SERIAZED FORMFOR
`URL, COLORAND FONT
`OBJECTS, ETC. For
`WEBPAGES AND
`OBJECTS IN A TWO
`DIMENSIONAL ARRAY
`STRUCTURE
`
`IMAGES, AUDIO AND
`VIDEO FILE NAMES,
`ENCOOE FORM FOR
`TEXT /PARAGRAPH
`OBJECTS INA FOUR
`DIMENSIONAL ARRAY
`STRUCTURE
`
`SENGLE AND DOUBLE
`FLOATNG POINT AND
`LONG INTEGER
`RECORDS
`
`FOR ANIMATIONANO
`IMAGE PROCESSING.
`NATWOOMENSIONAL
`ARRAYSTRUCTURE
`
`
`
`157
`
`158
`
`159
`
`( F
`
`s
`
`)
`
`Fig. 24
`
`160
`
`161
`
`Case 5:20-cv-08339-VKD Document 1-1 Filed 11/25/20 Page 31 of 105
`
`EXTERNAL DATA BASE CREATION:
`SECURITY AND OPTIMIZATION TECHNIOUES
`
`

`

`U.S. Patent
`
`Apr. 8, 2003
`
`Sheet 30 0f 68
`
`US 6,546,397 B1
`
`* N.
`
`FROM
`FIG24
`
`162
`
`FEATURE FLAGS ARE ANALYZED
`
`EXTRACT REQUIRED WARIABLE
`DEFINITIONS AND METHODS OF
`"MAN" OBJECT CASS OF THE RUN
`ENGINE SOURCE CODE.
`
`163
`
`164
`
`OBJECT CLASS REFERENCES
`
`EXTRACT ONLY REQUIRED
`REFERENCES TO AL OTHER
`RUNTIME OBJECT CASSES
`
`EXTERNAL FILEREFERENCES
`
`IMAGE, VIDEO AND AUDIO FILE
`REFERENCES ANDFILE
`PROCESSENG
`
`165
`
`SOURCE CODES COMPED WITH
`HENECESSARY CLASS
`LBRARIES
`
`(EG. SUN, NETSCAPE,
`MICROSOFT)
`
`166
`
`RUNTIME ENGINE FOR THE WEB
`SES CREATED
`
`TO
`FIG. 26
`
`Fig. 25
`
`Case 5:20-cv-08339-VKD Document 1-1 Filed 11/25/20 Page 32 of 105
`
`CREATE CUSTOMIZED AND OPTIMIZED
`RUNTIME ENGINE
`
`

`

`U.S. Patent
`
`Apr. 8, 2003
`
`Sheet 31 of 68
`
`US 6,546,397 B1
`
`s:-
`
`
`
`WEBPAGE
`OR CUSTOM
`APPLICATION
`
`169
`
`
`
`WEBPAGESCREEN RESOLUTION PROCESSING.
`
`CUSTOMAPPLICATION.
`
`WEBPAGE WINDOWSWRTUAWOTHAND HEIGHT
`ARESTORED INSCREEN RESOLUTION INDEPENDENT
`UNITS,
`
`
`
`APPLE WINDOWSWDTH AND HEIGHT STOREDAS
`ABSOLUTEVALUES.
`
`170
`
`DEFINITION OF BACKGROUND
`
`WEBPAGE BACKGROUND COLORVALUES CONVERTED TO
`HXADECMA ANY BACKGROUND IMAGES PROCESSED.
`
`HTML CODES GENERATED TOSYNCONZETHERUNTIME ENGINES
`BACKGROUND WITH THAT OF THE WEBPAGE WINDOW.
`
`171
`
`SCREEN RESOLUTION PREPROCESSING.
`
`JAVASCRIPTAND HTML CODE IS GENERATED TO CALL THE
`SCREEN RESOLUTION SENSING (SRS) JAVA. APPLET.
`
`172
`
`JAVASCRIPT TO SRSAPPLE COMMUNICATION.
`
`
`
`JAVASCRIPT CODES GENERATED TO iNTERROGATE THESRSAPPLET
`FORTHE SCREEN RESOLUTIONVALUES. THE JAVASCRIPT CODE ALSO
`INCLUDESNECESSARYTIMEOUTS.
`
`JAVASCRIPT GENERATION OF RUNTIME ENGINE HTML SPECIFICATION.
`
`JAVASCRIPT CODE IS GNERATED TO CREATE THENCESSARY HTMLCO FOR THE RUNTIMENGINE SIZE SPECIFICAIONS,
`PARAM FIELDS TO LINK TO THE DATA BASE (SEE FIG.23), THE NECESSARY HTML CODE TO LOAD THE JAR OR THE CABFILE, AND
`HTML CODEFOR HAVING THE BROWSERNVOKE THE RUNTIME ENGINE.
`
`WRTE EXTERNAL, HTML. SHELL FILE.
`
`THE NECESSARY SECURITYPOLICYPERMISSIONS FOR FILE CREATION
`RIGHTS ARE ASSERTD. A WebSTENAME.HTMLSWRITEN.
`
`:
`
`
`
`Case 5:20-cv-08339-VKD Document 1-1 Filed 11/25/20 Page 33 of 105
`
`Fig. 26
`
`CREATE THE HTML SHELL FILE
`
`

`

`U.S. Patent
`
`Apr. 8, 2003
`
`Sheet 32 of 68
`
`US 6,546,397 B1
`
`33A N
`
`7
`
`
`
`Analyze First web PAGE IMAGE OBJEcts
`iF FIRST WEB PAGE HAS NON-TIME LINE
`DELAYED IMAGE OBJECTS, FLAG FOR CAB
`AND UAR FLE.
`
`176
`
`ANAYZE JAVA CLASS FILES
`
`BASED ON FEATURE FLAGS MARKALL THE
`NECESSARY JAVA CLASS FILES FOR INCLUSION
`INTO THE CAB AND JAR FILES. (SEE FIG25)
`
`
`
`
`
`
`
`177
`
`BAT FILE DEFINITIONS
`
`GENERATE THE BAT FILESTATEMENTS TO INCLUDE ALL NECESSARY
`IMAGE FILES, THE WEBSITENAME". CLASS CUSTOMIZED RUNTIME
`ENGINE, AND THE "WEBSITENAME". DTA DATA BASE FILE INTO THE
`MAIN COMPRESSED CAB AND UAR FILES AND JAVA CLASS FILES INTO
`A COMPRESSED CABIJAR LIBRARY FILE.
`
`
`
`
`
`
`
`WRITE EXTERNAL BAT FILES
`
`THE NECESSARY SECURITY POLICY PERMISSIONS
`FOR FILE CREATIONARE ASSERTED. A
`"WEBSITENAME. BAT FILE AND A"WEBSITENAMELIB".
`BAT FILE ARE WRITTEN.
`
`179
`
`CREATE CABIJAR FLES
`
`THE "WEBSITENAME". BAT AND "WEBSITENAMEB". BAT
`FILES ARE EXECUTED, CREATING COMPRESSED
`"WEBSITENAME". CAB, "WEBSITENAMELIB".CAB,
`"WEBSITENAME".JAR AND "WEBSITENAMELIB".JAR FLES.
`
`
`
`Case 5:20-cv-08339-VKD Document 1-1 Filed 11/25/20 Page 34 of 105
`
`Fig. 27
`
`CREATE THE CABIJAR FILES
`
`

`

`U.S. Patent
`
`Apr. 8, 2003
`
`Sheet 33 of 68
`
`US 6,546,397 B1
`
`* -
`
`
`
`USERPOINTS
`A BROWSER
`AT THE HTML
`SHELL FILE
`
`W
`
`181
`
`L-
`
`