US20160077814A1 - Method and apparatus for generating a web-based user interface - Google Patents
Method and apparatus for generating a web-based user interface Download PDFInfo
- Publication number
- US20160077814A1 US20160077814A1 US14/949,774 US201514949774A US2016077814A1 US 20160077814 A1 US20160077814 A1 US 20160077814A1 US 201514949774 A US201514949774 A US 201514949774A US 2016077814 A1 US2016077814 A1 US 2016077814A1
- Authority
- US
- United States
- Prior art keywords
- user interface
- interface
- client
- client device
- application
- 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.)
- Abandoned
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
- G06F16/972—Access to data in other repository systems, e.g. legacy data or dynamic Web page generation
-
- G06F17/30905—
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
-
- G06F9/4443—
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/46—Multiprogramming arrangements
- G06F9/54—Interprogram communication
- G06F9/543—User-generated data transfer, e.g. clipboards, dynamic data exchange [DDE], object linking and embedding [OLE]
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/01—Protocols
Definitions
- the present disclosure generally relates to a network based computer interaction and, more particularly, to generating a web-based user interface for a client device.
- Computer systems exist that enable a user to remotely access computer information, e.g., a database.
- a user will use a client device, e.g., cell phone, personal digital assistant (PDA), lap top computer, application specific device, and the like, to connect via a network to a server hosting the information.
- client device e.g., cell phone, personal digital assistant (PDA), lap top computer, application specific device, and the like
- PDA personal digital assistant
- Such devices have a predefined interface for accessing the computer information from the server.
- the interface may be created by a program or agent executing on the device; however, such programs or agents require substantial processing resources and memory availability which make them unsuitable for many devices.
- the interface, produced by such programs or agents is static—the user enters data and/or queries in predefined fields.
- web-based user interfaces generally utilize less computer resources than application (program) based interfaces, the interface remains static, i.e., once created, the interface remains the same for each user. Such a static nature to the interface may impact worker productivity in that the interface cannot be easily optimized to their work habits.
- web pages are typically static (as predefined in HTML form) or dynamically generated using an application server (as in PHP or ASP form).
- an application server as in PHP or ASP form.
- This arrangement results in either a completely static web page, or a web page that must be rendered by the browser any time an update is made by the application server.
- the application server must resend the entire page. This process is time consuming and may result in a sluggish and time consuming user experience.
- An embodiment of the invention comprises a method and apparatus for generating a web-based user interface.
- the method comprises generating an interface information packet, sending the interface information packet to a client device, and generating a user interface of the client device via a display engine in accordance with the interface information packet.
- the interface information packet comprises user interface information readable by a script-based application.
- the display engine comprises the script-based application.
- An embodiment of the apparatus comprises a web-based user interface generator and a display engine.
- the web-based user interface generator generates an interface information packet comprising user interface definition information readable by a script-based application, and sends the information packet to a client device.
- the display engine comprising the script-based application, parses the interface information packet and generates a user interface from the data contained therein.
- FIG. 1 depicts a block diagram depicting a computer network in which an embodiment of the present invention is used
- FIG. 2 depicts a block diagram of the host computer of FIG. 1 ;
- FIG. 3 is a block diagram of the client device of FIG. 1 ;
- FIG. 4 is a flow diagram of a method of creating an information packet in accordance with an embodiment of the present invention.
- FIG. 5 is a block diagram of an information packet sent to a client device in accordance with an embodiment of the present invention.
- FIG. 6 is a flow diagram of a method of generating a user interface of a client application in response to the receipt of an information packet in accordance with an embodiment of the present invention.
- FIG. 1 is a block diagram depicting an embodiment of a system 100 for generating a web-based user interface 108 according to an embodiment of the present invention.
- the system comprises a host computer 102 , one or more client device(s) 104 , and a network 106 coupling the host computer 102 and the client device(s) 104 .
- the host computer 102 generates interface information packets sent to the client device 104 to generate the web-based user interface 108 . Because the web-based user interface 108 is generated by the host computer, a separate instance of the interface can be stored for each client device 104 .
- the host computer may comprise a host application that communicates with the client device 104 , or the host application may be located on another host computer.
- the host computer 102 may be coupled to a database application server 110 .
- the host computer 102 may provide a gateway interface 112 to the database application server 110 for the client device(s) 104 .
- This gateway interface 112 allows the client device 104 to interact with the database application server 110 via a web browser environment.
- the gateway interface 112 facilitates communication between the client device 104 and the database application server 110 by providing additional data, function calls, wrapper functions, and the like not present in the initial communication from the client device.
- the gateway interface 112 parses communications from the database application server 110 into a format readable by the client device 104 .
- FIG. 2 is a block diagram depicting an embodiment of the host computer 102 .
- the host computer 102 is a computing device such as those generally known in the art.
- the host computer 102 includes a central processing unit (CPU) 204 , support circuits 206 , and memory 208 .
- the CPU 204 may comprise one or more commercially available microprocessors or microcontrollers that facilitate data processing and storage.
- the various supporting circuits 206 are utilized to facilitate the operation of the CPU 204 and include such circuits as clock circuits, power supplies, cache, input/output circuits, and the like.
- the memory 208 may comprise random access memory, read only memory, removable storage, optical disk storage, disk drive storage, and combinations thereof.
- the memory 208 stores a server operating system 210 , a host application 212 , a client data table 214 , a user interface generator 216 , an interface information packet 218 , a gateway interface 112 , and a protocol coupler 222 .
- the CPU 204 executes the operating system 210 to control the general utilization and functionality of the host computer 102 .
- the CPU 204 also executes the host application 212 .
- the host application 212 listens for an incoming request from the network 106 .
- the host application 212 executes a user interface generator 216 to create an interface information packet 218 comprising interface definition information for the interface of the client device 104 .
- a person of ordinary skill in the art would recognize that in another embodiment of the invention, it is possible to incorporate the user interface generator 216 into the host application.
- the user interface generator 216 When the user interface generator 216 is executed by the host application 212 , it creates an interface information packet 218 , as discussed in detail with respect to FIG. 5 .
- the interface information packet 218 comprises interface definition information.
- the interface information packet 218 is then sent to the client device 104 .
- the host computer 102 may further comprise a protocol coupler 222 .
- the protocol coupler 222 provides an interface for the gateway interface 112 to communicate with the user interface generator 216 .
- the protocol coupler 222 translates communications received from a database application server 110 into a format readable by the user interface generator 216 .
- the user interface generator 216 uses these communications to generate interface information packets 218 to generate the user interface 108 .
- the host computer 102 may further comprise a client data table 214 .
- the client data table 214 stores one or more client interface states 220 .
- the client data table 214 resides in memory and may comprise a database, a data table, or any other data structure capable of storing client interface information.
- the client interface states 220 represent a current state of a client device user interface.
- the user interface generator 216 queries the client data table 214 for the client interface state 220 comprising a device that sent the incoming network request.
- the interface information packet 218 is generated in accordance with the client information state 220 corresponding to the client device 104 .
- FIG. 3 depicts a block diagram of an embodiment of the client device 104 .
- the client device 104 is a computing device such as those generally known in the art.
- the client device may comprise one of a hand-held bar code reader, a cellular phone, a PDA, a personal computer, or any other wired or wireless computing device that supports a web browser.
- the client device 104 includes a CPU 302 , support circuits 304 , and memory 308 .
- the CPU 302 may comprise one or more commercially available microprocessors or microcontrollers that facilitate data processing and storage.
- the various supporting circuits 304 are utilized to facilitate the operation of the CPU 302 and include such circuits as clock circuits, power supplies, cache, input/output circuits, and the like.
- the memory 306 may comprise random access memory, read only memory, removable storage, optical disk storage, disk drive storage, and combinations thereof.
- the memory 306 stores an operating system 308 and a client application 312 .
- the CPU 302 executes the operating system 308 to control the general utilization and functionality of the client device 106 .
- the CPU 302 also executes the client application 312 .
- the client application 312 may comprise a web browser or a binary application that executes a web browser module.
- the client application 312 receives interface information packets 218 from the host application 212 executed by the host computer 102 .
- the client application 312 may provide an interface to a database application server 110 coupled to the host computer 102 .
- the client application 312 may communicate with a host application 212 executed on the host computer 102 , which may in turn communicate with the database application server 110 .
- the host application 212 may modify the communications received from the client application 312 to make said communications suitable for interaction with the database application server 110 .
- the client application 312 further comprises a display engine 310 .
- the display engine 310 is executed from within the client application 312 for the purpose of generating the user interface 108 .
- Interface information packets 218 received by the client application 312 are processed by the display engine 310 .
- the client application 312 is, at least in part, a web browser and the display engine 310 executes within the browser.
- the display engine 310 generates the user interface in accordance with the data contained within the interface information packet 218 .
- the display engine 310 comprises a set of commands provided in a scripted language.
- Such applications are commonly used in web-based applications because they do not require binary executable code to be sent to the client device 104 .
- One example of such a scripted language is JAVASCRIPT.
- the display engine 310 executes in a web browser environment, and accepts interface information packets 218 received via the web without the need for the web browser to render the interface itself.
- the task of generating the user interface 108 is left to the display engine 310 , rather than the browser from which it was launched.
- the display engine 310 generates the user interface 108 by modifying the Document Object Model (DOM) of a displayed web page. In this manner it is possible for the display engine 310 to generate a user interface 108 via the intermediate representations provided by the interface information packets 218 , rather than resending the entire web page, as would normally be required.
- DOM Document Object Model
- the display engine 310 generates a user interface in accordance with the interface information packets 218 received from the host computer 102 .
- the client application may receive the interface information packet 218 at any time, as they may be used for such purposes as refreshing a user interface screen.
- FIG. 4 depicts an embodiment of a method 400 for generating an interface information packet.
- the method begins at step 402 .
- the host application 102 executes the user interface generator 216 , indicating that an interface information packet 218 should be generated.
- the notification may be generated for any reason the host application 102 would send an interface information packet 218 for the client user interface, such as a timer indicating the screen must be refreshed, a response to a network request received from the client device 104 , a response to a network request received from another client device, and the like.
- an interface information packet 218 may be sent to modify the client user interface 108 at any time.
- the user interface generator 216 accesses the client data table 214 . Then, at step 408 the user interface generator 216 then determines the client interface state 220 corresponding to the client device 104 for which the interface information packet 218 is generated. At step 410 , the interface information packet 218 is generated comprised of the client information state 220 determined in step 408 . At step 412 , the interface information packet 218 is communicated to the host application to send the interface information packet 218 to the client device 104 . At step 414 , the user interface generator 216 saves the client interface state 220 corresponding to the client device 104 in the client data table 214 . The method ends at step 416 after the packet has been sent and the client interface state 220 saved.
- FIG. 5 depicts an embodiment of an information packet 218 .
- the information packet 218 is comprised of one or more user interface definitions.
- the user interface definitions are comprised of data describing the client user interface.
- the user interface definitions may be comprised of one or more of a JAVASCRIPT Object Notation (JSON) data structure.
- JSON structure comprises data describing a screen object 502 .
- the screen object 502 corresponds to a particular screen of the client application 312 .
- Each screen object 502 comprises one or more of a control object 504 .
- the control object 504 is comprised of data indicating which user interface control, such as a list box, text entry field, text label, and the like, is modified.
- Each control object 504 also comprises a position 506 , which corresponds to the position of the control object on the screen.
- FIG. 6 depicts a block diagram of an embodiment of a method 600 to generate a user interface of a client device 104 upon receipt of an interface information packet 218 .
- the method begins at step 602 .
- the client device 104 receives an interface information packet 218 .
- the client application 312 accesses the information contained within the interface information packet 218 .
- the display engine 310 generates a user interface 108 in accordance with the data accessed from the interface information packet 218 .
- the method ends at step 610 when the data from the interface information packet 218 has been incorporated into the user interface 108 .
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Human Computer Interaction (AREA)
- Data Mining & Analysis (AREA)
- Computer Networks & Wireless Communication (AREA)
- Signal Processing (AREA)
- Information Transfer Between Computers (AREA)
- Computer And Data Communications (AREA)
- Communication Control (AREA)
Abstract
A method and apparatus for generating a user interface comprising generating an interface information packet comprising user interface information readable by a script-based application, sending the interface information packet to a client device, and generating a user interface of the client device via a display engine in accordance with the interface information packet.
Description
- The present application is a continuation of U.S. patent application Ser. No. 12/288,460 filed 21 Oct. 2008, which is incorporated herein by reference in its entirety.
- 1. Field of the Invention
- The present disclosure generally relates to a network based computer interaction and, more particularly, to generating a web-based user interface for a client device.
- 2. Related Art
- Computer systems exist that enable a user to remotely access computer information, e.g., a database. In some instances a user will use a client device, e.g., cell phone, personal digital assistant (PDA), lap top computer, application specific device, and the like, to connect via a network to a server hosting the information. Such devices have a predefined interface for accessing the computer information from the server. The interface may be created by a program or agent executing on the device; however, such programs or agents require substantial processing resources and memory availability which make them unsuitable for many devices. The interface, produced by such programs or agents, is static—the user enters data and/or queries in predefined fields.
- More recently, to accommodate a wide range of devices, browsers have been used to launch web pages that form the interface to the computer information (i.e., web-based user interface). Although web-based user interfaces generally utilize less computer resources than application (program) based interfaces, the interface remains static, i.e., once created, the interface remains the same for each user. Such a static nature to the interface may impact worker productivity in that the interface cannot be easily optimized to their work habits.
- Specifically, web pages are typically static (as predefined in HTML form) or dynamically generated using an application server (as in PHP or ASP form). This arrangement results in either a completely static web page, or a web page that must be rendered by the browser any time an update is made by the application server. Furthermore, anytime an update is made to the page, the application server must resend the entire page. This process is time consuming and may result in a sluggish and time consuming user experience.
- Although applications exist which are capable of running interactive web sites, they typically require a large install, significant processing power, and a significant amount of data to be transmitted to and from the application server. These requirements make the applications unsuitable for uses on many types of devices, such as mobile devices. These devices are often limited to static interfaces for these reasons.
- It would be advantageous if it were possible to access a web application through a user interface that does not require the installation of a large application or resending an entire web page. Therefore, there is a need in the art for a dynamic web user interface generator.
- An embodiment of the invention comprises a method and apparatus for generating a web-based user interface. The method comprises generating an interface information packet, sending the interface information packet to a client device, and generating a user interface of the client device via a display engine in accordance with the interface information packet. The interface information packet comprises user interface information readable by a script-based application. The display engine comprises the script-based application.
- An embodiment of the apparatus comprises a web-based user interface generator and a display engine. The web-based user interface generator generates an interface information packet comprising user interface definition information readable by a script-based application, and sends the information packet to a client device. The display engine, comprising the script-based application, parses the interface information packet and generates a user interface from the data contained therein.
- So that the manner in which the above recited features of the present invention can be understood in detail, a more particular description of the invention, briefly summarized above, may be had by reference to embodiments, some of which are illustrated in the appended drawings. It is to be noted, however, that the appended drawings illustrate only typical embodiments of this invention and are therefore not to be considered limiting of its scope, for the invention may admit to other equally effective embodiments.
-
FIG. 1 depicts a block diagram depicting a computer network in which an embodiment of the present invention is used; -
FIG. 2 depicts a block diagram of the host computer ofFIG. 1 ; -
FIG. 3 is a block diagram of the client device ofFIG. 1 ; -
FIG. 4 is a flow diagram of a method of creating an information packet in accordance with an embodiment of the present invention; -
FIG. 5 is a block diagram of an information packet sent to a client device in accordance with an embodiment of the present invention; and -
FIG. 6 is a flow diagram of a method of generating a user interface of a client application in response to the receipt of an information packet in accordance with an embodiment of the present invention. -
FIG. 1 is a block diagram depicting an embodiment of asystem 100 for generating a web-based user interface 108 according to an embodiment of the present invention. In one embodiment, the system comprises ahost computer 102, one or more client device(s) 104, and anetwork 106 coupling thehost computer 102 and the client device(s) 104. Thehost computer 102 generates interface information packets sent to theclient device 104 to generate the web-based user interface 108. Because the web-based user interface 108 is generated by the host computer, a separate instance of the interface can be stored for eachclient device 104. The host computer may comprise a host application that communicates with theclient device 104, or the host application may be located on another host computer. In one embodiment, thehost computer 102 may be coupled to adatabase application server 110. Thehost computer 102 may provide agateway interface 112 to thedatabase application server 110 for the client device(s) 104. Thisgateway interface 112 allows theclient device 104 to interact with thedatabase application server 110 via a web browser environment. In one embodiment, thegateway interface 112 facilitates communication between theclient device 104 and thedatabase application server 110 by providing additional data, function calls, wrapper functions, and the like not present in the initial communication from the client device. In one embodiment, thegateway interface 112 parses communications from thedatabase application server 110 into a format readable by theclient device 104. -
FIG. 2 is a block diagram depicting an embodiment of thehost computer 102. Thehost computer 102 is a computing device such as those generally known in the art. Thehost computer 102 includes a central processing unit (CPU) 204,support circuits 206, andmemory 208. TheCPU 204 may comprise one or more commercially available microprocessors or microcontrollers that facilitate data processing and storage. The various supportingcircuits 206 are utilized to facilitate the operation of theCPU 204 and include such circuits as clock circuits, power supplies, cache, input/output circuits, and the like. Thememory 208 may comprise random access memory, read only memory, removable storage, optical disk storage, disk drive storage, and combinations thereof. Thememory 208 stores aserver operating system 210, ahost application 212, a client data table 214, a user interface generator 216, aninterface information packet 218, agateway interface 112, and aprotocol coupler 222. In operation, theCPU 204 executes theoperating system 210 to control the general utilization and functionality of thehost computer 102. - The
CPU 204 also executes thehost application 212. Thehost application 212 listens for an incoming request from thenetwork 106. In one embodiment, when the incoming request is received, thehost application 212 executes a user interface generator 216 to create aninterface information packet 218 comprising interface definition information for the interface of theclient device 104. A person of ordinary skill in the art would recognize that in another embodiment of the invention, it is possible to incorporate the user interface generator 216 into the host application. When the user interface generator 216 is executed by thehost application 212, it creates aninterface information packet 218, as discussed in detail with respect toFIG. 5 . Theinterface information packet 218 comprises interface definition information. Theinterface information packet 218 is then sent to theclient device 104. - In one embodiment, the
host computer 102 may further comprise aprotocol coupler 222. Theprotocol coupler 222 provides an interface for thegateway interface 112 to communicate with the user interface generator 216. Theprotocol coupler 222 translates communications received from adatabase application server 110 into a format readable by the user interface generator 216. The user interface generator 216 uses these communications to generateinterface information packets 218 to generate the user interface 108. - In one embodiment, the
host computer 102 may further comprise a client data table 214. The client data table 214 stores one or more client interface states 220. The client data table 214 resides in memory and may comprise a database, a data table, or any other data structure capable of storing client interface information. The client interface states 220 represent a current state of a client device user interface. In this embodiment, the user interface generator 216 queries the client data table 214 for theclient interface state 220 comprising a device that sent the incoming network request. Theinterface information packet 218 is generated in accordance with theclient information state 220 corresponding to theclient device 104. -
FIG. 3 depicts a block diagram of an embodiment of theclient device 104. Theclient device 104 is a computing device such as those generally known in the art. In one embodiment, the client device may comprise one of a hand-held bar code reader, a cellular phone, a PDA, a personal computer, or any other wired or wireless computing device that supports a web browser. Theclient device 104 includes aCPU 302,support circuits 304, andmemory 308. TheCPU 302 may comprise one or more commercially available microprocessors or microcontrollers that facilitate data processing and storage. The various supportingcircuits 304 are utilized to facilitate the operation of theCPU 302 and include such circuits as clock circuits, power supplies, cache, input/output circuits, and the like. Thememory 306 may comprise random access memory, read only memory, removable storage, optical disk storage, disk drive storage, and combinations thereof. Thememory 306 stores anoperating system 308 and aclient application 312. In operation, theCPU 302 executes theoperating system 308 to control the general utilization and functionality of theclient device 106. - The
CPU 302 also executes theclient application 312. Theclient application 312 may comprise a web browser or a binary application that executes a web browser module. Theclient application 312 receivesinterface information packets 218 from thehost application 212 executed by thehost computer 102. In one embodiment, theclient application 312 may provide an interface to adatabase application server 110 coupled to thehost computer 102. Theclient application 312 may communicate with ahost application 212 executed on thehost computer 102, which may in turn communicate with thedatabase application server 110. Thehost application 212 may modify the communications received from theclient application 312 to make said communications suitable for interaction with thedatabase application server 110. Responses to these communications may be received from thedatabase application server 110 by thehost application 212, and may in turn be communicated to theclient application 312 by thehost application 212. In this manner, theclient application 312 may communicate with thedatabase application server 110 when such communication would ordinarily not be possible. Theclient application 312 further comprises adisplay engine 310. Thedisplay engine 310 is executed from within theclient application 312 for the purpose of generating the user interface 108.Interface information packets 218 received by theclient application 312 are processed by thedisplay engine 310. In one embodiment, theclient application 312 is, at least in part, a web browser and thedisplay engine 310 executes within the browser. - The
display engine 310 generates the user interface in accordance with the data contained within theinterface information packet 218. In one embodiment, thedisplay engine 310 comprises a set of commands provided in a scripted language. Such applications are commonly used in web-based applications because they do not require binary executable code to be sent to theclient device 104. One example of such a scripted language is JAVASCRIPT. - The
display engine 310 executes in a web browser environment, and acceptsinterface information packets 218 received via the web without the need for the web browser to render the interface itself. The task of generating the user interface 108 is left to thedisplay engine 310, rather than the browser from which it was launched. In one embodiment, thedisplay engine 310 generates the user interface 108 by modifying the Document Object Model (DOM) of a displayed web page. In this manner it is possible for thedisplay engine 310 to generate a user interface 108 via the intermediate representations provided by theinterface information packets 218, rather than resending the entire web page, as would normally be required. - The
display engine 310 generates a user interface in accordance with theinterface information packets 218 received from thehost computer 102. The client application may receive theinterface information packet 218 at any time, as they may be used for such purposes as refreshing a user interface screen. -
FIG. 4 depicts an embodiment of amethod 400 for generating an interface information packet. The method begins atstep 402. Atstep 404, thehost application 102 executes the user interface generator 216, indicating that aninterface information packet 218 should be generated. The notification may be generated for any reason thehost application 102 would send aninterface information packet 218 for the client user interface, such as a timer indicating the screen must be refreshed, a response to a network request received from theclient device 104, a response to a network request received from another client device, and the like. Unlike a normal web page, which requires a request to be sent from theclient device 104 to thehost computer 102, aninterface information packet 218 may be sent to modify the client user interface 108 at any time. - At
step 406, the user interface generator 216 accesses the client data table 214. Then, atstep 408 the user interface generator 216 then determines theclient interface state 220 corresponding to theclient device 104 for which theinterface information packet 218 is generated. Atstep 410, theinterface information packet 218 is generated comprised of theclient information state 220 determined instep 408. Atstep 412, theinterface information packet 218 is communicated to the host application to send theinterface information packet 218 to theclient device 104. Atstep 414, the user interface generator 216 saves theclient interface state 220 corresponding to theclient device 104 in the client data table 214. The method ends atstep 416 after the packet has been sent and theclient interface state 220 saved. -
FIG. 5 depicts an embodiment of aninformation packet 218. In one embodiment, theinformation packet 218 is comprised of one or more user interface definitions. The user interface definitions are comprised of data describing the client user interface. In one embodiment, the user interface definitions may be comprised of one or more of a JAVASCRIPT Object Notation (JSON) data structure. The JSON structure comprises data describing ascreen object 502. Thescreen object 502 corresponds to a particular screen of theclient application 312. Eachscreen object 502 comprises one or more of a control object 504. The control object 504 is comprised of data indicating which user interface control, such as a list box, text entry field, text label, and the like, is modified. Each control object 504 also comprises aposition 506, which corresponds to the position of the control object on the screen. -
FIG. 6 depicts a block diagram of an embodiment of amethod 600 to generate a user interface of aclient device 104 upon receipt of aninterface information packet 218. The method begins atstep 602. Atstep 604, theclient device 104 receives aninterface information packet 218. Atstep 606, theclient application 312 accesses the information contained within theinterface information packet 218. Atstep 608, thedisplay engine 310 generates a user interface 108 in accordance with the data accessed from theinterface information packet 218. The method ends atstep 610 when the data from theinterface information packet 218 has been incorporated into the user interface 108. - While the foregoing is directed to embodiments of the present invention, other and further embodiments of the invention may be devised without departing from the basic scope thereof, and the scope thereof is determined by the claims that follow.
Claims (1)
1. A method of generating a user interface comprising:
generating an interface information packet comprising user interface definition information for use by a script-based application;
sending the interface information packet to a client device; and
generating a user interface of the client device via a display engine executing within a web browser, in accordance with instructions contained within the interface information packet, where the display engine comprises the script-based application.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
US14/949,774 US20160077814A1 (en) | 2008-10-21 | 2015-11-23 | Method and apparatus for generating a web-based user interface |
Applications Claiming Priority (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
US12/288,460 US9195525B2 (en) | 2008-10-21 | 2008-10-21 | Method and apparatus for generating a web-based user interface |
US14/949,774 US20160077814A1 (en) | 2008-10-21 | 2015-11-23 | Method and apparatus for generating a web-based user interface |
Related Parent Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
US12/288,460 Continuation US9195525B2 (en) | 2008-10-21 | 2008-10-21 | Method and apparatus for generating a web-based user interface |
Publications (1)
Publication Number | Publication Date |
---|---|
US20160077814A1 true US20160077814A1 (en) | 2016-03-17 |
Family
ID=42109605
Family Applications (4)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
US12/288,460 Active 2031-08-26 US9195525B2 (en) | 2008-10-21 | 2008-10-21 | Method and apparatus for generating a web-based user interface |
US12/590,760 Active 2031-08-13 US9003312B1 (en) | 2008-10-21 | 2009-11-13 | Method and apparatus for updating a web-based user interface |
US14/680,607 Active 2030-09-13 US9696972B2 (en) | 2008-10-21 | 2015-04-07 | Method and apparatus for updating a web-based user interface |
US14/949,774 Abandoned US20160077814A1 (en) | 2008-10-21 | 2015-11-23 | Method and apparatus for generating a web-based user interface |
Family Applications Before (3)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
US12/288,460 Active 2031-08-26 US9195525B2 (en) | 2008-10-21 | 2008-10-21 | Method and apparatus for generating a web-based user interface |
US12/590,760 Active 2031-08-13 US9003312B1 (en) | 2008-10-21 | 2009-11-13 | Method and apparatus for updating a web-based user interface |
US14/680,607 Active 2030-09-13 US9696972B2 (en) | 2008-10-21 | 2015-04-07 | Method and apparatus for updating a web-based user interface |
Country Status (2)
Country | Link |
---|---|
US (4) | US9195525B2 (en) |
WO (1) | WO2010048274A2 (en) |
Families Citing this family (30)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US8245049B2 (en) * | 2004-06-14 | 2012-08-14 | Microsoft Corporation | Method and system for validating access to a group of related elements |
US9195525B2 (en) * | 2008-10-21 | 2015-11-24 | Synactive, Inc. | Method and apparatus for generating a web-based user interface |
US8478798B2 (en) | 2008-11-10 | 2013-07-02 | Google Inc. | Filesystem access for web applications and native code modules |
US10523767B2 (en) | 2008-11-20 | 2019-12-31 | Synactive, Inc. | System and method for improved SAP communications |
US10387140B2 (en) | 2009-07-23 | 2019-08-20 | S3G Technology Llc | Modification of terminal and service provider machines using an update server machine |
US8990427B2 (en) | 2010-04-13 | 2015-03-24 | Synactive, Inc. | Method and apparatus for accessing an enterprise resource planning system via a mobile device |
US9342274B2 (en) | 2011-05-19 | 2016-05-17 | Microsoft Technology Licensing, Llc | Dynamic code generation and memory management for component object model data constructs |
US8881101B2 (en) | 2011-05-24 | 2014-11-04 | Microsoft Corporation | Binding between a layout engine and a scripting engine |
US9823917B2 (en) * | 2011-10-20 | 2017-11-21 | Facebook, Inc. | Update application user interfaces on client devices |
US8671417B2 (en) | 2011-12-12 | 2014-03-11 | Microsoft Corporation | Lightweight framework for web applications |
US8959142B2 (en) | 2012-02-29 | 2015-02-17 | Microsoft Corporation | Combining server-side and client-side user interface elements |
CN102662962B (en) * | 2012-03-08 | 2014-12-10 | 北京思特奇信息技术股份有限公司 | Dynamic display method based on webpage elements |
US9069627B2 (en) | 2012-06-06 | 2015-06-30 | Synactive, Inc. | Method and apparatus for providing a dynamic execution environment in network communication between a client and a server |
US9300745B2 (en) | 2012-07-27 | 2016-03-29 | Synactive, Inc. | Dynamic execution environment in network communications |
US9946995B2 (en) * | 2013-03-15 | 2018-04-17 | Bottomline Technologies (De) Inc. | System and method for collecting clearing information for implementing a global electronic funds transfer |
US9430452B2 (en) | 2013-06-06 | 2016-08-30 | Microsoft Technology Licensing, Llc | Memory model for a layout engine and scripting engine |
CN103532941B (en) * | 2013-09-30 | 2017-07-07 | 华为技术有限公司 | The method and device that the graphical page is presented under a kind of CGS patterns |
US20150113375A1 (en) * | 2013-10-23 | 2015-04-23 | Panton Incorporated | Search Driven Navigation for User Interface to Application Program |
US10810228B2 (en) | 2015-11-02 | 2020-10-20 | Servicenow, Inc. | Universal automatic data update detection and publication |
US10546058B2 (en) * | 2015-11-09 | 2020-01-28 | Microsoft Technology Licensing, Llc | Creating and modifying applications from a mobile device |
CN106161629B (en) * | 2016-07-13 | 2020-08-04 | 广州新博庭网络信息科技股份有限公司 | Business object synchronization method, client and server |
US11741080B2 (en) * | 2018-02-22 | 2023-08-29 | Flowfinity Wireless, Inc. | Dynamic data editor for data analysis system |
US11003999B1 (en) | 2018-11-09 | 2021-05-11 | Bottomline Technologies, Inc. | Customized automated account opening decisioning using machine learning |
US11487643B1 (en) * | 2018-11-12 | 2022-11-01 | Xilinx, Inc. | Debugging for integrated scripting applications |
US11409990B1 (en) | 2019-03-01 | 2022-08-09 | Bottomline Technologies (De) Inc. | Machine learning archive mechanism using immutable storage |
PT115379A (en) * | 2019-03-21 | 2020-09-21 | Altice Labs Sa | SYSTEM OF DYNAMIC GENERATION OF WEB INTERFACES CONTEXTUALIZED BY USER AND THEIR OPERATING METHOD |
US11687807B1 (en) | 2019-06-26 | 2023-06-27 | Bottomline Technologies, Inc. | Outcome creation based upon synthesis of history |
US11526859B1 (en) | 2019-11-12 | 2022-12-13 | Bottomline Technologies, Sarl | Cash flow forecasting using a bottoms-up machine learning approach |
US11532040B2 (en) | 2019-11-12 | 2022-12-20 | Bottomline Technologies Sarl | International cash management software using machine learning |
US11704671B2 (en) | 2020-04-02 | 2023-07-18 | Bottomline Technologies Limited | Financial messaging transformation-as-a-service |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US5721908A (en) * | 1995-06-07 | 1998-02-24 | International Business Machines Corporation | Computer network for WWW server data access over internet |
US6404445B1 (en) * | 1999-12-30 | 2002-06-11 | Cybrant Corporation | Method and system for modeling data |
US6718389B2 (en) * | 1998-02-19 | 2004-04-06 | Sbc Properties, L.P. | System and method for executing a request from a client application |
US20100000505A1 (en) * | 2008-07-01 | 2010-01-07 | Hsin-Cheng Yeh | BB gun loading device |
Family Cites Families (58)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR100230455B1 (en) * | 1996-10-21 | 1999-11-15 | 윤종용 | Accounting apparatus and method of management automation system |
US6108309A (en) * | 1997-12-08 | 2000-08-22 | Mci Communications Corporation | SONET network element simulator |
US7386485B1 (en) * | 2004-06-25 | 2008-06-10 | West Corporation | Method and system for providing offers in real time to prospective customers |
US6292185B1 (en) * | 1998-04-27 | 2001-09-18 | C.C.R., Inc. | Method and apparatus for tailoring the appearance of a graphical user interface |
US6397220B1 (en) * | 1998-10-01 | 2002-05-28 | Unisys Corporation | Common gateway which allows JAVA applets to make program calls to OLTP applications executing on an enterprise server reference to co-pending applications |
US6317143B1 (en) * | 1999-01-26 | 2001-11-13 | Gateway, Inc. | Programmable graphical user interface control system and method |
US7577601B1 (en) * | 2000-03-30 | 2009-08-18 | Ubs Ag | Leverage margin monitoring and management |
US6760745B1 (en) * | 2000-03-30 | 2004-07-06 | Aspect Communications Corporation | Web server replicated mini-filter |
AUPQ808700A0 (en) * | 2000-06-09 | 2000-07-06 | Honeywell Limited | Human-machine interface |
WO2002019272A1 (en) * | 2000-09-01 | 2002-03-07 | Togethersoft Corporation | Methods and systems for animating a workflow and a project plan |
US6822663B2 (en) * | 2000-09-12 | 2004-11-23 | Adaptview, Inc. | Transform rule generator for web-based markup languages |
US7137127B2 (en) * | 2000-10-10 | 2006-11-14 | Benjamin Slotznick | Method of processing information embedded in a displayed object |
US7039871B2 (en) * | 2000-10-27 | 2006-05-02 | Swiftknowledge, Inc. | Secure data access in a multidimensional data environment |
US7809600B1 (en) * | 2000-11-09 | 2010-10-05 | Accenture Llp | Method and system for business planning via a communications network |
US7483983B1 (en) * | 2000-11-13 | 2009-01-27 | Telecommunication Systems, Inc. | Method and system for deploying content to wireless devices |
TW535081B (en) * | 2000-12-20 | 2003-06-01 | Ibm | Method and system of fulfilling requests for information from a network client |
US20030014496A1 (en) * | 2001-06-27 | 2003-01-16 | Spencer Donald J. | Closed-loop delivery system |
US8010605B2 (en) * | 2001-08-14 | 2011-08-30 | Imagitas, Inc. | System and method for sharing information among provider systems |
US6993712B2 (en) * | 2001-09-28 | 2006-01-31 | Siebel Systems, Inc. | System and method for facilitating user interaction in a browser environment |
US6970823B1 (en) * | 2001-12-14 | 2005-11-29 | Networks Associates Technology, Inc. | System, method and computer program product for monitoring voice application calls over a network |
US7093195B2 (en) * | 2002-03-21 | 2006-08-15 | International Business Machines Corporation | Standards-based formatting of flat files into markup language representations |
US7124398B2 (en) * | 2002-04-10 | 2006-10-17 | International Business Machines Corporation | Rapid GUI refacing of a legacy application |
US7257206B2 (en) * | 2002-06-14 | 2007-08-14 | General Electric Capital Corporation | Skip tracing system |
US20040216036A1 (en) * | 2002-09-13 | 2004-10-28 | Yahoo! Inc. | Browser user interface |
US20040109011A1 (en) * | 2002-12-10 | 2004-06-10 | International Business Machines Corporation | Method, apparatus, and program for automatic client side refresh of advanced web pages |
US7805523B2 (en) * | 2004-03-15 | 2010-09-28 | Mitchell David C | Method and apparatus for partial updating of client interfaces |
US7644050B2 (en) * | 2004-12-02 | 2010-01-05 | International Business Machines Corporation | Method and apparatus for annotation-based behavior extensions |
US20070094597A1 (en) * | 2004-11-04 | 2007-04-26 | Rostom Mohamed A | Dynamic graphical user interface for a desktop environment |
SG162820A1 (en) * | 2005-03-21 | 2010-07-29 | Dexterra Inc | Adapter architecture for mobile data system |
US20060265662A1 (en) * | 2005-05-19 | 2006-11-23 | Custom Credit Systems, L.P. | System and method for generating and updating user interfaces of web-based applications |
KR20070052645A (en) * | 2005-11-17 | 2007-05-22 | 삼성전자주식회사 | Apparatus and method for managing user interface |
US20070124670A1 (en) * | 2005-11-29 | 2007-05-31 | Finck Thomas W | Systems, methods, and media for printing web pages |
US20070150820A1 (en) * | 2005-12-22 | 2007-06-28 | Salvo Anthony C | Data-driven user interface |
DE202005020364U1 (en) * | 2005-12-29 | 2006-02-23 | Csb-System Ag | Arrangement for using ERP systems on preferably mobile terminals |
US7921432B2 (en) * | 2006-03-17 | 2011-04-05 | Microsoft Corporation | Managed application execution application programming interface and schema |
US20070238488A1 (en) * | 2006-03-31 | 2007-10-11 | Research In Motion Limited | Primary actions menu for a mobile communication device |
US20070238489A1 (en) * | 2006-03-31 | 2007-10-11 | Research In Motion Limited | Edit menu for a mobile communication device |
US20070234235A1 (en) * | 2006-03-31 | 2007-10-04 | Research In Motion Limited | Activities/applications menu for a mobile communication device |
US20070256003A1 (en) * | 2006-04-24 | 2007-11-01 | Seth Wagoner | Platform for the interactive contextual augmentation of the web |
CN101410836B (en) * | 2006-06-08 | 2012-05-30 | 国际商业机器公司 | A method for providing access to data stored in a database to an application |
US7805133B2 (en) * | 2006-07-21 | 2010-09-28 | Research In Motion Limited | Automatic application definition distribution |
US20080040653A1 (en) * | 2006-08-14 | 2008-02-14 | Christopher Levine | System and methods for managing presentation and behavioral use of web display content |
KR100820373B1 (en) * | 2006-09-14 | 2008-04-08 | 엔에이치엔(주) | Method and apparatus for editing service of tool bar |
US20100278453A1 (en) | 2006-09-15 | 2010-11-04 | King Martin T | Capture and display of annotations in paper and electronic documents |
US8166130B2 (en) * | 2006-12-21 | 2012-04-24 | Sap Ag | Methods and systems for exchanging data between a command and control information system and an enterprise resource planning system |
US20090031401A1 (en) * | 2007-04-27 | 2009-01-29 | Bea Systems, Inc. | Annotations for enterprise web application constructor |
US8640056B2 (en) * | 2007-07-05 | 2014-01-28 | Oracle International Corporation | Data visualization techniques |
US7792784B2 (en) * | 2007-05-31 | 2010-09-07 | International Business Machines Corporation | Streaming multidimensional data by bypassing multidimensional query processor |
US7899763B2 (en) * | 2007-06-13 | 2011-03-01 | International Business Machines Corporation | System, method and computer program product for evaluating a storage policy based on simulation |
US7970943B2 (en) * | 2007-08-14 | 2011-06-28 | Oracle International Corporation | Providing interoperability in software identifier standards |
US20090228490A1 (en) * | 2008-03-06 | 2009-09-10 | Robert Bosch Gmbh | Apparatus and method for universal data access by location based systems |
US20100005085A1 (en) * | 2008-07-03 | 2010-01-07 | Oracle International Corporation | Creating relationship maps from enterprise application system data |
US20100005053A1 (en) * | 2008-07-04 | 2010-01-07 | Estes Philip F | Method for enabling discrete back/forward actions within a dynamic web application |
US9195525B2 (en) | 2008-10-21 | 2015-11-24 | Synactive, Inc. | Method and apparatus for generating a web-based user interface |
CN101814021B (en) * | 2009-02-24 | 2014-08-06 | 易保网络技术(上海)有限公司 | Method and system for displaying user interface on remote equipment |
US8028079B2 (en) * | 2009-06-15 | 2011-09-27 | Microsoft Corporation | Efficient transform from XML to javascript objects |
US8701159B2 (en) * | 2010-05-12 | 2014-04-15 | Winshuttle, Llc | Dynamic web services system and method |
US20130097095A1 (en) * | 2011-10-14 | 2013-04-18 | Sap Ag | Mobile Transport Tendering |
-
2008
- 2008-10-21 US US12/288,460 patent/US9195525B2/en active Active
-
2009
- 2009-10-21 WO PCT/US2009/061469 patent/WO2010048274A2/en active Application Filing
- 2009-11-13 US US12/590,760 patent/US9003312B1/en active Active
-
2015
- 2015-04-07 US US14/680,607 patent/US9696972B2/en active Active
- 2015-11-23 US US14/949,774 patent/US20160077814A1/en not_active Abandoned
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US5721908A (en) * | 1995-06-07 | 1998-02-24 | International Business Machines Corporation | Computer network for WWW server data access over internet |
US6718389B2 (en) * | 1998-02-19 | 2004-04-06 | Sbc Properties, L.P. | System and method for executing a request from a client application |
US6404445B1 (en) * | 1999-12-30 | 2002-06-11 | Cybrant Corporation | Method and system for modeling data |
US20100000505A1 (en) * | 2008-07-01 | 2010-01-07 | Hsin-Cheng Yeh | BB gun loading device |
Also Published As
Publication number | Publication date |
---|---|
WO2010048274A3 (en) | 2010-07-22 |
US20150261428A1 (en) | 2015-09-17 |
US20100100823A1 (en) | 2010-04-22 |
US9696972B2 (en) | 2017-07-04 |
WO2010048274A2 (en) | 2010-04-29 |
US9195525B2 (en) | 2015-11-24 |
US9003312B1 (en) | 2015-04-07 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US20160077814A1 (en) | Method and apparatus for generating a web-based user interface | |
CN106991154B (en) | Webpage rendering method and device, terminal and server | |
US11144711B2 (en) | Webpage rendering method, device, electronic apparatus and storage medium | |
US10754917B2 (en) | Method and system for displaying customized webpage on double webview | |
US8239490B2 (en) | Exposing resource capabilities to web applications | |
US20170371974A1 (en) | Method for loading webpage, client and programmable device | |
US8527862B2 (en) | Methods for making ajax web applications bookmarkable and crawlable and devices thereof | |
CN101789964A (en) | Remote control and data monitoring method on embedded device | |
JP2009508220A (en) | Initial server-side content rendering for client script web pages | |
KR20210039992A (en) | Search method, search device, electronic device, storage medium and computer program | |
CN114138372B (en) | Front-end component loading method and device | |
CN102831150B (en) | Browser and local exchange method, system and the terminal applied | |
JP2010020770A (en) | Method and system for providing web page interface | |
US20140245124A1 (en) | System and method thereof for browser agnostic extension models | |
CN102929489A (en) | Implementation method of client browser and client browser | |
CN101616501A (en) | A kind of application memory, compiler server, access system and method and client terminal | |
US9467413B2 (en) | Method and system for replying to website update event | |
CN111079048A (en) | Page loading method and device | |
CN102523271A (en) | Terminal and communication method and system thereof | |
CN103425473A (en) | Implementation method and system of open micro-blog | |
KR20090098026A (en) | System for transmitting/receiving contents connected in link structure in internet page and control method thereof, and browsing apparatus used in the system | |
CN110309454B (en) | Interface display method, device, equipment and storage medium | |
CN103067464A (en) | Method and system for intelligent terminal to remotely control computer | |
KR101408734B1 (en) | Method and apparatus for controlling movement of asynchronous communication type web page | |
KR20060131299A (en) | An adaptive web-font service system, a method of providing the service, and a mobile communication terminal appliable for the service |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
AS | Assignment |
Owner name: SYNACTIVE, INC., CALIFORNIA Free format text: ASSIGNMENT OF ASSIGNORS INTEREST;ASSIGNORS:EWE, THOMAS;OKUMURA, TAKAHIRO;REEL/FRAME:037508/0658 Effective date: 20081020 |
|
STPP | Information on status: patent application and granting procedure in general |
Free format text: FINAL REJECTION MAILED |
|
STCB | Information on status: application discontinuation |
Free format text: ABANDONED -- FAILURE TO RESPOND TO AN OFFICE ACTION |