US20110161803A1 - Dynamically Updating Webpage Style - Google Patents
Dynamically Updating Webpage Style Download PDFInfo
- Publication number
- US20110161803A1 US20110161803A1 US13/045,483 US201113045483A US2011161803A1 US 20110161803 A1 US20110161803 A1 US 20110161803A1 US 201113045483 A US201113045483 A US 201113045483A US 2011161803 A1 US2011161803 A1 US 2011161803A1
- Authority
- US
- United States
- Prior art keywords
- webpage
- style
- value
- time
- user
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Images
Classifications
-
- 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
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/12—Use of codes for handling textual entities
- G06F40/134—Hyperlinking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/12—Use of codes for handling textual entities
- G06F40/14—Tree-structured documents
Definitions
- the disclosed embodiments relate generally to customizing graphical user interfaces of computer application.
- the embodiments relate to customizing user interfaces of online applications.
- a computer implemented method of presenting webpages at a client device or system having one or more processors and memory storing one or more programs for execution by the one or more processors, includes, at a first time, presenting a first webpage having a first style, and in response to a refresh request at a second time, presenting a second webpage having a second style that is distinct from the first style.
- the first style and second style are determined in accordance with a value of a user selected variable, and the value automatically changes over time independent of user action.
- the user selected variable has a first value at the first time and a second value distinct from the first value at the second time.
- a computer implemented method of presenting an online application includes, at a first time, receiving and presenting a first webpage of the online application having a first style, and at a second time, receiving and presenting a second webpage of the online application having a second style that is distinct from the first style.
- the first style and second style are in accordance with a user selected variable and the user selected variable has first and second distinct values at the first and second times, respectively.
- the first and second distinct values are automatically determined in accordance with a user profile.
- the second client device receives and presents a third webpage of the online application having a third style, and, at a fourth time, receives and presents a fourth webpage of the online application having a fourth style that is distinct from the third style.
- the third style and fourth style are in accordance with a variable selected by a second user, who is distinct from the first user, and the variable selected by the second user is distinct from the variable selected by the first user.
- the variable selected by the second user has third and fourth distinct values at the third and fourth times, respectively.
- a system for presenting an online application includes memory, one or more processors, and one or more modules stored in memory and configured for execution by the one or more processors.
- the modules include instructions to, at a first time, receive and present a first webpage of the online application having a first style, and to, at a second time, receive and present a second webpage of the online application having a second style that is distinct from the first style.
- the first style and second style are in accordance with a user selected variable and the user selected variable has first and second distinct values at the first and second times, respectively.
- a computer program product for use in conjunction with a computer system includes a computer readable storage medium and a computer program mechanism embedded therein.
- the computer program mechanism includes instructions for: at a first time, receiving and presenting a first webpage of the online application having a first style; and at a second time, receiving and presenting a second webpage of the online application having a second style that is distinct from the first style.
- the first style and second style are in accordance with a user selected variable and the user selected variable has first and second distinct values at the first and second times, respectively.
- a computer implemented method of presenting an online application includes, at a first time, sending to a client a first webpage of the online application having a first style, and at a second time, sending to the client a second webpage of the online application having a second style distinct from the first style.
- the first style and second style are in accordance with a user selected variable and the user selected variable has first and second distinct values at the first and second times, respectively.
- the first and second distinct values are automatically determined in accordance with a user profile of a user of the client device.
- a computer implemented method of presenting an online application includes, at a first time, sending a first webpage of the online application having a first style, to a first client device, and at a second time, sending a second webpage of the online application having a second style that is distinct from the first style, to the first client device.
- the first style and second style are in accordance with a variable selected by a first user, and the variable selected by the first user has first and second distinct values at the first and second times, respectively.
- the method further includes, at a third time, sending a third webpage of the online application having a third style, to a second client; and at a fourth time, sending a fourth webpage of the online application having a fourth style that is distinct from the third style, to the second client.
- the third style and fourth style are in accordance with a variable selected by a second user.
- the second user is distinct from the first user and the variable selected by the second user is distinct from the variable selected by the first user.
- the variable selected by the second user has third and fourth distinct values at the third and fourth times, respectively.
- a system for presenting an online application includes memory, one or more processors, and one or more modules stored in memory and configured for execution by the one or more processors.
- the modules include instructions to, at a first time, send to a client a first webpage of the online application having a first style, and to, at a second time, send to the client a second webpage of the online application having a second style distinct from the first style.
- the first style and second style are in accordance with a user selected variable and the user selected variable has first and second distinct values at the first and second times, respectively.
- a computer program product for use in conjunction with a computer system includes a computer readable storage medium and a computer program mechanism embedded therein.
- the computer program mechanism includes instructions for: at a first time, sending to a client a first webpage of the online application having a first style; and at a second time, sending to the client a second webpage of the online application having a second style distinct from the first style.
- the first style and second style are in accordance with a user selected variable and the user selected variable has first and second distinct values at the first and second times, respectively.
- FIG. 1 is a diagram illustrating a distributed system for dynamically generating style sheets for web pages.
- FIG. 2A is a flow diagram illustrating a process for dynamically generating style sheets for web pages in accordance with some embodiments of the present invention.
- FIG. 2B is a flow diagram illustrating a process for dynamically generating style sheets for web pages in accordance with some embodiments of the present invention.
- FIG. 3A illustrates a webpage with a function definition and a function call for rotating through a set of style sheets that are applied to the webpage.
- FIG. 3B illustrates a webpage, including JavaScript instructions for applying a rotating set of style sheets to the webpage.
- FIG. 3C illustrates exemplary JavaScript source code for dynamically changing the style sheet applied to a webpage.
- FIG. 3D illustrates exemplary source code using a cascading style sheet (CSS) import operation to change the secondary or differential style sheet applied to a webpage.
- CSS cascading style sheet
- FIG. 3E is an exemplary source code of a JavaScript function that adds a new style sheet to a web page using a methodology based on the document object model (DOM).
- DOM document object model
- FIG. 4 is a block diagram illustrating an exemplary client in accordance with some embodiments of the present invention.
- FIG. 5 is a block diagram illustrating an exemplary information server in accordance with some embodiments of the present invention.
- FIG. 1 is a diagram illustrating a distributed system for dynamically generating webpages with dynamically generated or dynamically selected style sheets (sometimes called “skins”).
- One or more computers or devices (hereinafter, “clients” or “client devices”) 102 may be connected to a communication network 104 .
- the client 102 may be any of a number of devices (e.g. a computer, an internet kiosk, a personal digital assistant, a cell phone, a desktop computer, or a laptop computer) and may include one or more client applications 106 .
- the client application 106 may permit a user to view webpages 108 or other documents or information.
- the client application 106 may be a software application that permits a user to interact with the client 102 and/or network resources to perform one or more tasks.
- the client application 106 may be a web browser (e.g., Firefox, Internet Explorer, or Safari) or other type of application that permits a user to search for, browse, and/or use resources, such as one or more webpages on the client 102 and/or accessible via the communication network 104 .
- the client application 106 may also include an email application (e.g., Outlook, Lotus Notes, Entourage, or Eudora).
- the communication network 104 may be any local area network (LAN) and/or wide area network (WAN), such as an intranet, an extranet, the Internet or a combination of such networks. It is sufficient that the communication network 104 provides communication capability between the clients 202 and the server 110 .
- the communication network 104 uses HyperText Transport Protocol (HTTP) to transport information using the Transmission Control Protocol/Internet Protocol (TCP/IP).
- HTTP permits client computers to access various resources available via the communication network 104 .
- the various embodiments of the invention are not limited to the use of any particular protocol.
- resource refers to any piece of information or service that is accessible via a Uniform Resource Locator (URL) and can be, for example, a webpage, a text or word processing document, an email message, a transcribed voice message, a database, an image, or a computational object.
- URL Uniform Resource Locator
- the communication network 104 may be connected to an information server 110 .
- the server 110 may include an HTTP interface 112 , one or more online applications 114 , and a dynamic style sheet generator 118 .
- the HTTP interface 112 facilitates communication between the communication network 104 and the online application 114 .
- the online applications 114 may be configured to send and receive content 118 .
- the online application 114 may be a webmail application or other type of personalized online application that is utilized in displaying various content 118 .
- the dynamic style sheet generator 116 may include or be connected to the following: a style sheet library 120 that includes one or more main style sheets 122 and one or more differential style sheets 124 ; one or more user profiles 128 , one or more event variables 130 ; and an image database 132 .
- the dynamic style sheet generator 116 generates dynamic style sheets in accordance with one or more user selected variables, which may be stored in the user profiles 128 .
- the dynamic style sheet generator 116 selects a dynamic style sheet from a set of previously generated dynamic style sheets stored in the library 120 , in accordance with one or more user selected variables.
- a main style sheet 124 may be combined with one or more differential style sheets 124 to produce a combined style sheet 126 in accordance with the user selected variables.
- a respective webpage produced by the server 110 references both a main style sheet and a differential style sheet, and therefore the dynamic style sheet generator 116 need not generate combined style sheets in these embodiments.
- the various style sheets are independent of the webpage content 118 that is sent and received.
- the user selected variable determines what type of event variables 130 will be required.
- the event variables 130 may be updated as an event changes or as events occur. For example, if a user selects “weather” (at a particular location, for example, in a particular city or at a particular postal code) as a variable for their skin, the event variables 130 may be temperature, precipitation, or humidity level. At predetermined times, one or more event variables 130 may be updated with the correct and current information accordingly, in order to produce the appropriate skin.
- the dynamic style sheet generator 116 may access a list of the URLs for images (in the image database) that may be included in the webpage skin.
- FIG. 2A is a flow diagram illustrating a process 200 for dynamically generating webpage styles or skins in accordance with some embodiments of the present invention.
- a user of a client may select a variable 202 in order to customize the user interface of a webpage.
- the variable selected by the user may include, but is not limited to, date, time, weather, temperature, season, holiday, and stock market activity.
- a server then receives and stores the first selected variable 204 . In some embodiments, this variable may be stored in the user profile 128 (as shown in FIG. 1 ).
- the user selected variable is independent of the content of the webpages being displayed, and thus the values of the variable and the resulting style sheets are also independent of the content of the webpages being displayed.
- the user of the client may then send a first request to the server 206 .
- the initial request may be a search query, a request for a new webpage, or some type of information request.
- the server determines a current first value of the user selected variable 208 and generates (or selects) a first style (sometimes herein called a first dynamic style) based on the first value of the user selected variable 210 .
- the server sends the first webpage with the first style to the client 212 .
- the client receives and presents the first webpage with the first style 214 .
- the user may then send a second request 216 .
- the request may be a search query, a request for a new webpage, or some type of information request. Additionally, in some embodiments, the request may be a request to refresh the appearance of the first webpage. The refresh request may be automatically sent without any user action required, or it may be sent in response to an explicit user action.
- the server determines the second value of the user selected variable 218 and dynamically generates or selects a second style based on the second value of the user selected variable 220 .
- the second webpage having the second style is then sent to the client 222 .
- the client therefore may receive and present the webpage with the second style 224 .
- request 216 is a request for a new or updated style sheet, or alternately a refresh request
- operation 222 is replaced with operations for sending the generated or selected style sheet to the requesting client, without sending a new or updated webpage
- operation 224 is replaced with re-displaying the previously downloaded webpage with the newly received style sheet.
- the appearance of the webpage will change at the client without the content of the webpage changing. If the user continues to view the same webpage for a sufficiently long period of time, operations 216 through 224 may be repeated multiple times, with the appearance of the webpage changing multiple times.
- the styles or style sheets generated or selected by this process are often independent of the webpage content.
- a user may select weather as the variable for a given webpage.
- the server When a user sends a request to present that webpage, the server must obtain information regarding what the weather is in the user's location. If it is raining, the server may utilize the dynamic style sheet generator 116 ( FIG. 1 ) to generate a webpage with graphics displaying rain.
- a refresh operation may be performed to obtain current information to update the displayed webpage.
- the refresh by the client may be generated manually by the user, or the refresh may be generated by code in the webpage that is executed by the browser or the client.
- a refresh request may be distinct from reloading the entire webpage.
- a refresh request may be a request for new information, which may include content information, style information, or another type of information.
- the style of the webpage may be refreshed without refreshing the content of the webpage. For example, if there is no new content, but the user selected variable has changed in value, the style may be updated without the content being updated. As shown in FIG. 1 , and as stated above, the various style sheets are independent of content 118 .
- the server may send style sheet and/or content updates to the client even in the absence of a request from the client.
- FIG. 2B is a flow diagram illustrating a process 250 for dynamically generating or selecting webpage styles or skins in accordance with some embodiments of the present invention.
- This flow diagram illustrates a process used when an information server or application server sends webpages with dynamically determined styles to more than one client.
- the clients may access the server simultaneously, or during overlapping time periods, to obtain webpages with dynamically determined styles and/or to update the styles of webpages previously downloaded from the server.
- a user of Client A (User A) selects a first variable 252 , which is received and stored by the server 254 .
- the server stores the variable in User A's profile 128 (as shown in FIG. 1 ).
- the user of the Client A sends a first request to the server.
- the request may be a search query, a request for a new webpage, or another type of information request.
- the server then dynamically generates or selects a first style based on a first value (e.g., a current value) of the first variable 258 and sends a first webpage having the first style 250 to Client A.
- the first style (and the other styles mentioned below) may either be dynamically generated based on the first value (e.g., by dynamically creating a style sheet file) or by selecting one of a set of predefined or previously generated style sheet files.
- Client A receives and presents the first webpage having the first style 262 .
- the user of Client A sends a second request 264 to the server.
- the second request may be a search query, a request for a new webpage, or another type of information request.
- the request may be a request to refresh the appearance of the first webpage, which may be user initiated, or automatic.
- the server then dynamically generates or selects a second style based on a second value (e.g., a new current value) of the first variable 266 and sends a second webpage having the second style 268 to Client A.
- Client A receives and presents the second webpage having the second style 270 .
- the client e.g., Client A
- a user of Client B selects a variable 272 .
- the variable selected by the user of Client B is received and stored by the server 274 .
- the variable may be stored in User B's profile, which is separate and distinct from the profile of User A (above).
- the User B sends a request to the server 276 .
- the request may be a search query, a request for a new webpage, or another type of information request.
- the server dynamically generates or selects a third dynamic style based on a current value (herein called the “third value”) of the second variable 278 .
- the current value of the second variable is herein called a “third value” to distinguish it from the aforementioned first and second values of the first variable.
- the server sends the third webpage have the third style 280 to Client B.
- Client B receives and presents the third webpage having the third style 282 .
- User B sends another request 284 .
- the request may be a search query, a request for a new webpage, or another type of information request.
- the request may be a request to refresh the appearance of the third webpage, which may be user initiated, or automatic.
- the server dynamically generates or selects a fourth style based on a current value (herein called the “fourth value”) of the second variable 286 and sends a fourth webpage having the fourth style 288 to Client B.
- Client B receives and presents the fourth webpage having the fourth style 290 .
- requests 264 or 284 is a request for a new or updated style sheet, or alternately a refresh request
- operations 266 or 288 are replaced with operations for sending the generated or selected style sheet to the requesting client, without sending a new or updated webpage.
- FIGS. 3A to 3E illustrate how a method of dynamically generating customized user interfaces may be implemented.
- FIG. 3A is a generic example of instructions 300 in a webpage for implementing customized skins. The instructions 300 are arranged or ordered to that one or more initial style sheet links 302 are invoked and a function is defined 304 . In the example shown in FIG. 3A , the function is called “Rotate.”
- application code 306 for performing various functions is also established and at least a portion of the application code is executed.
- a variable may be defined and assigned a current value 308 . The current value assigned to the variable 308 may change from time to time.
- variable may be a user selected variable whose value depends on a condition external to the client.
- previously defined function (see 304 ) may be called by the application code from time to time, using the current value of the variable as a parameter of the function call 310 .
- FIG. 3B illustrates exemplary HTML source code for a webpage, including a function call.
- the “skin-1.css” cascading style sheet may be initialized from the main source code of a web page. While the example in FIG. 3B does not show a definition for the rotate( ) function, examples of the rotate( ) function are provided in FIGS. 3C and 3D .
- other defined style sheets may be invoked (i.e., applied when displaying the webpage) from time to time during the display of the webpage.
- FIG. 3C depicts exemplary HTML source code 330 for a webpage, including JavaScript instructions for invoking a rotating set of “differential” style sheets.
- a main style sheet is first established 332 .
- another style sheet herein called a differential style sheet
- URL uniform resource locator
- the differential style sheet has any of the same parameters as the main style sheet, it overrides the those parameters.
- the main and different style sheet specify different style parameters, the two style sheets are complementary.
- the rotate function is called (e.g., by JavaScript instructions in the body of the HTML source code 330 for the webpage)
- another differential style sheet is invoked 336 to further refresh the appearance of the webpage.
- FIG. 3D shows exemplary source code 340 using URL import operations (e.g., implemented using “@import” HTML commands) to import a sequence of style sheets.
- URL import operations e.g., implemented using “@import” HTML commands
- This example achieves the same results as the example in FIG. 3C , but utilizes a different technique.
- a main style sheet is first established 342 .
- the URL of a differential or secondary style sheet is specified in an HTML “@import” command, causing the specified style sheet to be imported 344 to the client and applied to the webpage.
- a function (called the rotate function in this example) for importing other style sheets to supersede the previously imported differential or secondary style sheet is defined at 346 .
- FIG. 3E shows exemplary source code of a JavaScript function that adds a style sheet to a webpage using the document object model (DOM).
- the function inserts a link to a style sheet into the header of a webpage.
- the DOM provides an application programming interface (API) to access and modify the content, structure, and style of a document.
- the function adds a new element to the DOM structure of a webpage.
- the “url” in the HTML link may be a URL selected in accordance with a user specified variable, as described above. Alternately, the “url” in the HTML link may be a fixed value that invokes a style sheet generation function or procedure in the server.
- the creation or replacement of a link to a style sheet in the HTML code for a webpage results in an HTML request to the server, specifying the URL of the style sheet being requested.
- An HTML request with that URL may be treated by the server as a function or procedure call to a style sheet generation function or procedure.
- the function or procedure generates or selects a style sheet in accordance with a current value of a variable identified in the user profile of the user associated with the requesting client (e.g., the user may be associated with the client by a successful login with the server).
- FIG. 4 is a block diagram illustrating an exemplary client 102 in accordance with some embodiments of the present invention.
- the client 102 typically includes one or more processing units (CPU) 402 , one or more network or other communication interfaces 404 , user interface 408 , memory 414 , and one or more communication buses 406 for interconnecting these parts.
- the communication buses 406 may include circuitry (sometimes called a chipset) that interconnects and controls communications between system components.
- the user interface 408 may include a display 410 , a keyboard 412 and possibly other components as well.
- Memory 414 includes high-speed random access memory, such as DRAM, SRAM, DDR RAM, or other random access solid state memory devices; and may include non-volatile memory, such as one or more magnetic disk storage devices, optical disk storage devices, or other non-volatile solid state storage devices. Memory 414 may optionally include one or more storage devices remotely located from the CPU(s) 402 . Memory 414 , or one or more of the storage devices (e.g., one or more non-volatile storage devices) in memory 414 , includes a computer readable storage medium. In some embodiments, memory 414 or the computer readable storage medium of memory 414 stores the following programs, modules, and data structures, or a subset thereof:
- the webpages 108 may display a webmail application or other type of online application. As described above, the webpages 108 may reference a rotating set of style sheets, or a sequence of style sheets, generated or selected in accordance with a user selected variable. In some embodiments, the one or more style sheets 420 may be locally cached for use by the client application 106 . In other embodiments, the style sheet(s) 420 may be downloaded from the server 110 each time a webpage is downloaded or refreshed.
- FIG. 5 is a block diagram illustrating an exemplary information server 110 in accordance with some embodiments of the present invention.
- the server 110 typically includes one or more processing units (CPUs) 502 , one or more network or other communication interfaces 504 , memory 508 , and one or more communication buses 506 for interconnecting these parts.
- the communication buses 506 may include circuitry (sometimes called a chipset) that interconnects and controls communications between system components.
- Memory 508 includes high-speed random access memory, such as DRAM, SRAM, DDR RAM, or other random access solid state memory devices; and may include non-volatile memory, such as one or more magnetic disk storage devices, optical disk storage devices, or other non-volatile solid state storage devices. Memory 508 may optionally include one or more storage devices remotely located from the CPU(s) 502 . Memory 508 , or one or more of the storage devices (e.g., one or more non-volatile storage devices) in memory 508 , includes a computer readable storage medium. In some embodiments, memory 508 or the computer readable storage medium of memory 508 stores the following programs, modules and data structures, or a subset thereof:
- the online application 114 may be a webmail application or other type of online application.
- the dynamic style sheet generator 116 generates or selects dynamic style sheets in accordance with one or more user selected variables, as explained above.
- the style sheet library 120 may store main style sheets 122 .
- the main style sheets 122 may be combined with differential style sheets 124 to produced combined style sheets 126 .
- webpages produced by the online application 114 may reference both a main style sheet and one or more differential style sheets 124 .
- the various style sheets are utilized by the dynamic style sheet generator 116 to send and create style sheets in accordance with the user selected variables.
- the user profiles database 128 stores information specific to each user.
- an individual user profile 516 may include a user ID 518 , one or more used selected variables 520 , and other information specific to the user.
- the user may log onto a website or online application using their user ID 516 .
- the user then may select a variable (user selected variable 520 ) in order to customize the appearance of the website or online application.
- the user selected variable 520 is then stored in the user profile 516 for that particular user.
- FIGS. 4 and 5 may be stored in one or more of the previously mentioned memory devices.
- the applications, functions, modules and operating systems shown in these Figures correspond to sets of instructions for performing the functions described above.
- the above identified modules or programs i.e. set of instructions
- memory 416 and/or memory 508 may store a subset of the modules and data structures identified above.
- memory 416 and/or memory 508 may store additional modules and data structures not described above.
- FIGS. 4 and 5 show respectively a client 102 and a server 110 , the figures are intended more as functional descriptions of the various features which may be present in a client and a set of servers than as a structural schematic of the embodiments described herein.
- items shown separately could be combined and some items could be separated.
- some items shown separately in FIG. 5 could be implemented on a single server and single items could be implemented by one or more servers.
- the actual number of servers used to implement server 110 and how features are allocated among them will vary from one implementation to another, and may depend in part on the amount of data traffic that the system must handle during peak usage periods as well as during average usage periods.
Abstract
A computer implemented method of presenting webpages at a client device or system, having one or more processors and memory storing one or more programs for execution by the one or more processors, includes, at a first time, presenting a first webpage having a first style, and in response to a refresh request at a second time, presenting a second webpage having a second style that is distinct from the first style. The first style and second style are determined in accordance with a value of a user selected variable, and the value automatically changes over time independent of user action. Furthermore, the user selected variable has a first value at the first time and a second value distinct from the first value at the second time.
Description
- This is a continuation of U.S. patent application Ser. No. 11/427,774, filed Jun. 29, 2006, entitled “Dynamically Generating Customized User Interfaces,” which is hereby incorporated by reference herein in its entirety.
- The disclosed embodiments relate generally to customizing graphical user interfaces of computer application. In particular, the embodiments relate to customizing user interfaces of online applications.
- Computer users are generally able to customize the graphical user interfaces of computer applications. Additionally, many online applications, such as web-based email applications allow users to customize their interfaces or appearance of the online application with different colors, fonts, background images, line widths and the like. These customized appearances are sometimes referred to as skins. For example, with certain online applications, users may select one color from a menu of different colors to be applied to the appearance of their online application. Each time the user logs onto that application or website, the skin of that website appears with the color they have selected. The customized appearance remains the same as the content on the online application is changed and updated.
- A computer implemented method of presenting webpages at a client device or system, having one or more processors and memory storing one or more programs for execution by the one or more processors, includes, at a first time, presenting a first webpage having a first style, and in response to a refresh request at a second time, presenting a second webpage having a second style that is distinct from the first style. The first style and second style are determined in accordance with a value of a user selected variable, and the value automatically changes over time independent of user action. Furthermore, the user selected variable has a first value at the first time and a second value distinct from the first value at the second time.
- A computer implemented method of presenting an online application, includes, at a first time, receiving and presenting a first webpage of the online application having a first style, and at a second time, receiving and presenting a second webpage of the online application having a second style that is distinct from the first style. In some embodiments, the first style and second style are in accordance with a user selected variable and the user selected variable has first and second distinct values at the first and second times, respectively. In some embodiments, the first and second distinct values are automatically determined in accordance with a user profile.
- A computer implemented method of presenting an online application, is performed at a first client device and at a second client device. The first client device, at a first time, receives and presents a first webpage of the online application having a first style and at a second time, receives and presents a second webpage of the online application having a second style that is distinct from the first style. The first style and second style are determined in accordance with a variable selected by a first user, and the variable selected by the first user has first and second distinct values at the first and second times, respectively. The second client device, at a third time, receives and presents a third webpage of the online application having a third style, and, at a fourth time, receives and presents a fourth webpage of the online application having a fourth style that is distinct from the third style. The third style and fourth style are in accordance with a variable selected by a second user, who is distinct from the first user, and the variable selected by the second user is distinct from the variable selected by the first user. The variable selected by the second user has third and fourth distinct values at the third and fourth times, respectively.
- A system (e.g., a client device) for presenting an online application includes memory, one or more processors, and one or more modules stored in memory and configured for execution by the one or more processors. The modules include instructions to, at a first time, receive and present a first webpage of the online application having a first style, and to, at a second time, receive and present a second webpage of the online application having a second style that is distinct from the first style. The first style and second style are in accordance with a user selected variable and the user selected variable has first and second distinct values at the first and second times, respectively.
- A computer program product for use in conjunction with a computer system, the computer program product includes a computer readable storage medium and a computer program mechanism embedded therein. The computer program mechanism includes instructions for: at a first time, receiving and presenting a first webpage of the online application having a first style; and at a second time, receiving and presenting a second webpage of the online application having a second style that is distinct from the first style. The first style and second style are in accordance with a user selected variable and the user selected variable has first and second distinct values at the first and second times, respectively.
- A computer implemented method of presenting an online application, includes, at a first time, sending to a client a first webpage of the online application having a first style, and at a second time, sending to the client a second webpage of the online application having a second style distinct from the first style. In some embodiments, the first style and second style are in accordance with a user selected variable and the user selected variable has first and second distinct values at the first and second times, respectively. In some embodiments, the first and second distinct values are automatically determined in accordance with a user profile of a user of the client device.
- A computer implemented method of presenting an online application, includes, at a first time, sending a first webpage of the online application having a first style, to a first client device, and at a second time, sending a second webpage of the online application having a second style that is distinct from the first style, to the first client device. The first style and second style are in accordance with a variable selected by a first user, and the variable selected by the first user has first and second distinct values at the first and second times, respectively. The method further includes, at a third time, sending a third webpage of the online application having a third style, to a second client; and at a fourth time, sending a fourth webpage of the online application having a fourth style that is distinct from the third style, to the second client. The third style and fourth style are in accordance with a variable selected by a second user. The second user is distinct from the first user and the variable selected by the second user is distinct from the variable selected by the first user. The variable selected by the second user has third and fourth distinct values at the third and fourth times, respectively.
- A system (e.g., an application server) for presenting an online application includes memory, one or more processors, and one or more modules stored in memory and configured for execution by the one or more processors. The modules include instructions to, at a first time, send to a client a first webpage of the online application having a first style, and to, at a second time, send to the client a second webpage of the online application having a second style distinct from the first style. The first style and second style are in accordance with a user selected variable and the user selected variable has first and second distinct values at the first and second times, respectively.
- A computer program product for use in conjunction with a computer system, the computer program product includes a computer readable storage medium and a computer program mechanism embedded therein. The computer program mechanism includes instructions for: at a first time, sending to a client a first webpage of the online application having a first style; and at a second time, sending to the client a second webpage of the online application having a second style distinct from the first style. The first style and second style are in accordance with a user selected variable and the user selected variable has first and second distinct values at the first and second times, respectively.
-
FIG. 1 is a diagram illustrating a distributed system for dynamically generating style sheets for web pages. -
FIG. 2A is a flow diagram illustrating a process for dynamically generating style sheets for web pages in accordance with some embodiments of the present invention. -
FIG. 2B is a flow diagram illustrating a process for dynamically generating style sheets for web pages in accordance with some embodiments of the present invention. -
FIG. 3A illustrates a webpage with a function definition and a function call for rotating through a set of style sheets that are applied to the webpage. -
FIG. 3B illustrates a webpage, including JavaScript instructions for applying a rotating set of style sheets to the webpage. -
FIG. 3C illustrates exemplary JavaScript source code for dynamically changing the style sheet applied to a webpage. -
FIG. 3D illustrates exemplary source code using a cascading style sheet (CSS) import operation to change the secondary or differential style sheet applied to a webpage. -
FIG. 3E is an exemplary source code of a JavaScript function that adds a new style sheet to a web page using a methodology based on the document object model (DOM). -
FIG. 4 is a block diagram illustrating an exemplary client in accordance with some embodiments of the present invention. -
FIG. 5 is a block diagram illustrating an exemplary information server in accordance with some embodiments of the present invention. - Like reference numerals refer to corresponding parts throughout the drawings.
-
FIG. 1 is a diagram illustrating a distributed system for dynamically generating webpages with dynamically generated or dynamically selected style sheets (sometimes called “skins”). One or more computers or devices (hereinafter, “clients” or “client devices”) 102 may be connected to acommunication network 104. Theclient 102 may be any of a number of devices (e.g. a computer, an internet kiosk, a personal digital assistant, a cell phone, a desktop computer, or a laptop computer) and may include one ormore client applications 106. Theclient application 106 may permit a user to viewwebpages 108 or other documents or information. Theclient application 106 may be a software application that permits a user to interact with theclient 102 and/or network resources to perform one or more tasks. For example, theclient application 106 may be a web browser (e.g., Firefox, Internet Explorer, or Safari) or other type of application that permits a user to search for, browse, and/or use resources, such as one or more webpages on theclient 102 and/or accessible via thecommunication network 104. Theclient application 106 may also include an email application (e.g., Outlook, Lotus Notes, Entourage, or Eudora). - The
communication network 104 may be any local area network (LAN) and/or wide area network (WAN), such as an intranet, an extranet, the Internet or a combination of such networks. It is sufficient that thecommunication network 104 provides communication capability between theclients 202 and theserver 110. In some embodiments, thecommunication network 104 uses HyperText Transport Protocol (HTTP) to transport information using the Transmission Control Protocol/Internet Protocol (TCP/IP). The HTTP permits client computers to access various resources available via thecommunication network 104. The various embodiments of the invention, however, are not limited to the use of any particular protocol. The term “resource” as used throughout this specification refers to any piece of information or service that is accessible via a Uniform Resource Locator (URL) and can be, for example, a webpage, a text or word processing document, an email message, a transcribed voice message, a database, an image, or a computational object. - The
communication network 104 may be connected to aninformation server 110. Theserver 110 may include anHTTP interface 112, one or moreonline applications 114, and a dynamicstyle sheet generator 118. - The
HTTP interface 112 facilitates communication between thecommunication network 104 and theonline application 114. Theonline applications 114 may be configured to send and receivecontent 118. Theonline application 114 may be a webmail application or other type of personalized online application that is utilized in displayingvarious content 118. - The dynamic
style sheet generator 116 may include or be connected to the following: astyle sheet library 120 that includes one or moremain style sheets 122 and one or moredifferential style sheets 124; one ormore user profiles 128, one ormore event variables 130; and animage database 132. The dynamicstyle sheet generator 116 generates dynamic style sheets in accordance with one or more user selected variables, which may be stored in the user profiles 128. Alternately, the dynamicstyle sheet generator 116 selects a dynamic style sheet from a set of previously generated dynamic style sheets stored in thelibrary 120, in accordance with one or more user selected variables. Optionally, amain style sheet 124 may be combined with one or moredifferential style sheets 124 to produce a combinedstyle sheet 126 in accordance with the user selected variables. However, in some embodiments, a respective webpage produced by theserver 110 references both a main style sheet and a differential style sheet, and therefore the dynamicstyle sheet generator 116 need not generate combined style sheets in these embodiments. The various style sheets are independent of thewebpage content 118 that is sent and received. - In some embodiments, the user selected variable determines what type of
event variables 130 will be required. Theevent variables 130 may be updated as an event changes or as events occur. For example, if a user selects “weather” (at a particular location, for example, in a particular city or at a particular postal code) as a variable for their skin, theevent variables 130 may be temperature, precipitation, or humidity level. At predetermined times, one ormore event variables 130 may be updated with the correct and current information accordingly, in order to produce the appropriate skin. In some embodiments, the dynamicstyle sheet generator 116 may access a list of the URLs for images (in the image database) that may be included in the webpage skin. -
FIG. 2A is a flow diagram illustrating aprocess 200 for dynamically generating webpage styles or skins in accordance with some embodiments of the present invention. A user of a client may select a variable 202 in order to customize the user interface of a webpage. The variable selected by the user may include, but is not limited to, date, time, weather, temperature, season, holiday, and stock market activity. A server then receives and stores the first selectedvariable 204. In some embodiments, this variable may be stored in the user profile 128 (as shown inFIG. 1 ). In some embodiments, the user selected variable is independent of the content of the webpages being displayed, and thus the values of the variable and the resulting style sheets are also independent of the content of the webpages being displayed. - After the variable is selected (202), the user of the client may then send a first request to the
server 206. In some embodiments, the initial request may be a search query, a request for a new webpage, or some type of information request. The server then determines a current first value of the user selected variable 208 and generates (or selects) a first style (sometimes herein called a first dynamic style) based on the first value of the user selectedvariable 210. The server sends the first webpage with the first style to theclient 212. The client then receives and presents the first webpage with thefirst style 214. - The user may then send a
second request 216. In some embodiments, the request may be a search query, a request for a new webpage, or some type of information request. Additionally, in some embodiments, the request may be a request to refresh the appearance of the first webpage. The refresh request may be automatically sent without any user action required, or it may be sent in response to an explicit user action. The server then determines the second value of the user selected variable 218 and dynamically generates or selects a second style based on the second value of the user selectedvariable 220. The second webpage having the second style is then sent to theclient 222. The client therefore may receive and present the webpage with thesecond style 224. - In some embodiments, when
request 216 is a request for a new or updated style sheet, or alternately a refresh request,operation 222 is replaced with operations for sending the generated or selected style sheet to the requesting client, without sending a new or updated webpage, andoperation 224 is replaced with re-displaying the previously downloaded webpage with the newly received style sheet. As a result, the appearance of the webpage will change at the client without the content of the webpage changing. If the user continues to view the same webpage for a sufficiently long period of time,operations 216 through 224 may be repeated multiple times, with the appearance of the webpage changing multiple times. As noted above, the styles or style sheets generated or selected by this process are often independent of the webpage content. - For example, in some embodiments, a user may select weather as the variable for a given webpage. When a user sends a request to present that webpage, the server must obtain information regarding what the weather is in the user's location. If it is raining, the server may utilize the dynamic style sheet generator 116 (
FIG. 1 ) to generate a webpage with graphics displaying rain. In some embodiments, a refresh operation may be performed to obtain current information to update the displayed webpage. In some embodiments, the refresh by the client may be generated manually by the user, or the refresh may be generated by code in the webpage that is executed by the browser or the client. - In some embodiments, a refresh request may be distinct from reloading the entire webpage. A refresh request may be a request for new information, which may include content information, style information, or another type of information. In some embodiments, the style of the webpage may be refreshed without refreshing the content of the webpage. For example, if there is no new content, but the user selected variable has changed in value, the style may be updated without the content being updated. As shown in
FIG. 1 , and as stated above, the various style sheets are independent ofcontent 118. - In some embodiments, if there is a persistent connection between the server and the client, the server may send style sheet and/or content updates to the client even in the absence of a request from the client.
-
FIG. 2B is a flow diagram illustrating aprocess 250 for dynamically generating or selecting webpage styles or skins in accordance with some embodiments of the present invention. This flow diagram illustrates a process used when an information server or application server sends webpages with dynamically determined styles to more than one client. The clients may access the server simultaneously, or during overlapping time periods, to obtain webpages with dynamically determined styles and/or to update the styles of webpages previously downloaded from the server. A user of Client A (User A) selects a first variable 252, which is received and stored by theserver 254. In some embodiments, the server stores the variable in User A's profile 128 (as shown inFIG. 1 ). At a time after the variable has been selected by the user and stored by the server, the user of the Client A sends a first request to the server. The request may be a search query, a request for a new webpage, or another type of information request. The server then dynamically generates or selects a first style based on a first value (e.g., a current value) of the first variable 258 and sends a first webpage having thefirst style 250 to Client A. The first style (and the other styles mentioned below) may either be dynamically generated based on the first value (e.g., by dynamically creating a style sheet file) or by selecting one of a set of predefined or previously generated style sheet files. Client A receives and presents the first webpage having thefirst style 262. - At a later time, the user of Client A sends a
second request 264 to the server. As stated above, in some embodiments, the second request may be a search query, a request for a new webpage, or another type of information request. In other embodiments, the request may be a request to refresh the appearance of the first webpage, which may be user initiated, or automatic. The server then dynamically generates or selects a second style based on a second value (e.g., a new current value) of the first variable 266 and sends a second webpage having thesecond style 268 to Client A. Client A receives and presents the second webpage having thesecond style 270. In some embodiments, instead of requesting a second webpage, the client (e.g., Client A) requests and receives a new style sheet, which is applied to the webpage without downloading or refreshing the webpage content. - Similarly, a user of Client B (User B) selects a variable 272. The variable selected by the user of Client B is received and stored by the
server 274. In some embodiments, the variable may be stored in User B's profile, which is separate and distinct from the profile of User A (above). At a later time, the User B sends a request to theserver 276. In some embodiments, the request may be a search query, a request for a new webpage, or another type of information request. In response to the request, the server dynamically generates or selects a third dynamic style based on a current value (herein called the “third value”) of thesecond variable 278. The current value of the second variable is herein called a “third value” to distinguish it from the aforementioned first and second values of the first variable. The server sends the third webpage have thethird style 280 to Client B. Client B receives and presents the third webpage having thethird style 282. - At yet a later time, User B sends another
request 284. In some embodiments, the request may be a search query, a request for a new webpage, or another type of information request. In other embodiments, the request may be a request to refresh the appearance of the third webpage, which may be user initiated, or automatic. In response to the request (284), the server dynamically generates or selects a fourth style based on a current value (herein called the “fourth value”) of thesecond variable 286 and sends a fourth webpage having thefourth style 288 to Client B. Client B receives and presents the fourth webpage having thefourth style 290. In some embodiments, whenrequest operations -
FIGS. 3A to 3E illustrate how a method of dynamically generating customized user interfaces may be implemented.FIG. 3A is a generic example ofinstructions 300 in a webpage for implementing customized skins. Theinstructions 300 are arranged or ordered to that one or more initialstyle sheet links 302 are invoked and a function is defined 304. In the example shown inFIG. 3A , the function is called “Rotate.”In this example,application code 306 for performing various functions is also established and at least a portion of the application code is executed. As part of the application code, a variable may be defined and assigned acurrent value 308. The current value assigned to the variable 308 may change from time to time. For example, the variable may be a user selected variable whose value depends on a condition external to the client. In addition, the previously defined function (see 304) may be called by the application code from time to time, using the current value of the variable as a parameter of thefunction call 310. -
FIG. 3B illustrates exemplary HTML source code for a webpage, including a function call. As illustrated in this figure, the “skin-1.css” cascading style sheet may be initialized from the main source code of a web page. While the example inFIG. 3B does not show a definition for the rotate( ) function, examples of the rotate( ) function are provided inFIGS. 3C and 3D . In some embodiments, other defined style sheets may be invoked (i.e., applied when displaying the webpage) from time to time during the display of the webpage. -
FIG. 3C depicts exemplaryHTML source code 330 for a webpage, including JavaScript instructions for invoking a rotating set of “differential” style sheets. Within the code, a main style sheet is first established 332. In order to change or refresh the skin or appearance, another style sheet, herein called a differential style sheet, is called upon using the appropriate uniform resource locator (URL) 334. To the extent that the differential style sheet has any of the same parameters as the main style sheet, it overrides the those parameters. On the other hand, to the extent that the main and different style sheet specify different style parameters, the two style sheets are complementary. Whenever the rotate function is called (e.g., by JavaScript instructions in the body of theHTML source code 330 for the webpage), another differential style sheet is invoked 336 to further refresh the appearance of the webpage. -
FIG. 3D showsexemplary source code 340 using URL import operations (e.g., implemented using “@import” HTML commands) to import a sequence of style sheets. This example achieves the same results as the example inFIG. 3C , but utilizes a different technique. Similar to the source code inFIG. 3C , a main style sheet is first established 342. The URL of a differential or secondary style sheet is specified in an HTML “@import” command, causing the specified style sheet to be imported 344 to the client and applied to the webpage. The differential or secondary style sheet is assigned an identifier, id=“skin” in this example, which enables the style sheet to be replaced by a new style sheet. A function (called the rotate function in this example) for importing other style sheets to supersede the previously imported differential or secondary style sheet is defined at 346. The rotate function may be called by instructions in the body of theHTML source code 340 for the webpage. Each time the rotate function is called (e.g., by JavaScript instructions in the body of theHTML source code 340 for the webpage), the new style sheet replaces the previously imported style sheet that was assigned the identifier id=“skin” and the style items in the newly imported style sheet are used by the client device when presenting the webpage. -
FIG. 3E shows exemplary source code of a JavaScript function that adds a style sheet to a webpage using the document object model (DOM). In this example, the function inserts a link to a style sheet into the header of a webpage. The DOM provides an application programming interface (API) to access and modify the content, structure, and style of a document. In this example, the function adds a new element to the DOM structure of a webpage. The new element added to the webpage is an HTML link having attributes of rel=“stylesheet”, type=“text/css” and href=url, where “url” is the input parameter of the function. The “url” in the HTML link may be a URL selected in accordance with a user specified variable, as described above. Alternately, the “url” in the HTML link may be a fixed value that invokes a style sheet generation function or procedure in the server. - In some embodiments, the creation or replacement of a link to a style sheet in the HTML code for a webpage results in an HTML request to the server, specifying the URL of the style sheet being requested. An HTML request with that URL may be treated by the server as a function or procedure call to a style sheet generation function or procedure. The function or procedure generates or selects a style sheet in accordance with a current value of a variable identified in the user profile of the user associated with the requesting client (e.g., the user may be associated with the client by a successful login with the server).
-
FIG. 4 is a block diagram illustrating anexemplary client 102 in accordance with some embodiments of the present invention. Theclient 102 typically includes one or more processing units (CPU) 402, one or more network orother communication interfaces 404,user interface 408,memory 414, and one ormore communication buses 406 for interconnecting these parts. Thecommunication buses 406 may include circuitry (sometimes called a chipset) that interconnects and controls communications between system components. Theuser interface 408 may include adisplay 410, akeyboard 412 and possibly other components as well. -
Memory 414 includes high-speed random access memory, such as DRAM, SRAM, DDR RAM, or other random access solid state memory devices; and may include non-volatile memory, such as one or more magnetic disk storage devices, optical disk storage devices, or other non-volatile solid state storage devices.Memory 414 may optionally include one or more storage devices remotely located from the CPU(s) 402.Memory 414, or one or more of the storage devices (e.g., one or more non-volatile storage devices) inmemory 414, includes a computer readable storage medium. In some embodiments,memory 414 or the computer readable storage medium ofmemory 414 stores the following programs, modules, and data structures, or a subset thereof: -
- an
operating system 416 that includes procedures for handling various basic system services and for performing hardware dependent tasks; - a
network communication module 418 that is used for connecting theclient 102 to other computers via the one or more communication network interfaces 404 and one or more communication networks, such as the Internet, other wide area networks, local area networks, metropolitan area networks, and so on; - a
client application 106 that can permit a user to interact withclient 102 and/or network resources to perform one or more tasks, as described above; - one or
more webpages 108 that may be displayed on theclient application 106; and - one or
more style sheets 420.
- an
- In some embodiments, the
webpages 108 may display a webmail application or other type of online application. As described above, thewebpages 108 may reference a rotating set of style sheets, or a sequence of style sheets, generated or selected in accordance with a user selected variable. In some embodiments, the one ormore style sheets 420 may be locally cached for use by theclient application 106. In other embodiments, the style sheet(s) 420 may be downloaded from theserver 110 each time a webpage is downloaded or refreshed. -
FIG. 5 is a block diagram illustrating anexemplary information server 110 in accordance with some embodiments of the present invention. Theserver 110 typically includes one or more processing units (CPUs) 502, one or more network orother communication interfaces 504,memory 508, and one ormore communication buses 506 for interconnecting these parts. Thecommunication buses 506 may include circuitry (sometimes called a chipset) that interconnects and controls communications between system components. -
Memory 508 includes high-speed random access memory, such as DRAM, SRAM, DDR RAM, or other random access solid state memory devices; and may include non-volatile memory, such as one or more magnetic disk storage devices, optical disk storage devices, or other non-volatile solid state storage devices.Memory 508 may optionally include one or more storage devices remotely located from the CPU(s) 502.Memory 508, or one or more of the storage devices (e.g., one or more non-volatile storage devices) inmemory 508, includes a computer readable storage medium. In some embodiments,memory 508 or the computer readable storage medium ofmemory 508 stores the following programs, modules and data structures, or a subset thereof: -
- an
operating system 510 that includes procedures for handling various basic system services and for performing hardware dependant tasks; - a
network communication module 512 that is used for connecting theclient 102 to other computers via the one or more communication network interfaces 504 and one or more communication networks, such as the Internet, other wide area networks, local area networks, metropolitan area networks, and so on; - an
online application 114; - a dynamic
style sheet generator 116; - a
style sheet library 120, including one or moremain style sheets 122, and one or moredifferential style sheets 124; - one or more combined style sheets 126 (optional, as explained above);
- user profiles 128 for storing user information;
- one or
more event variables 130; and - an
image database 132.
- an
- In some embodiments, the
online application 114 may be a webmail application or other type of online application. The dynamicstyle sheet generator 116 generates or selects dynamic style sheets in accordance with one or more user selected variables, as explained above. - The
style sheet library 120 may storemain style sheets 122. Themain style sheets 122 may be combined withdifferential style sheets 124 to produced combinedstyle sheets 126. Alternately, webpages produced by theonline application 114 may reference both a main style sheet and one or moredifferential style sheets 124. The various style sheets are utilized by the dynamicstyle sheet generator 116 to send and create style sheets in accordance with the user selected variables. - The
user profiles database 128 stores information specific to each user. In some embodiments, anindividual user profile 516 may include auser ID 518, one or more used selectedvariables 520, and other information specific to the user. Once auser ID 516 has been assigned to a user, the user may log onto a website or online application using theiruser ID 516. The user then may select a variable (user selected variable 520) in order to customize the appearance of the website or online application. The user selected variable 520 is then stored in theuser profile 516 for that particular user. - Each of the above identified elements in
FIGS. 4 and 5 may be stored in one or more of the previously mentioned memory devices. The applications, functions, modules and operating systems shown in these Figures correspond to sets of instructions for performing the functions described above. The above identified modules or programs (i.e. set of instructions) need not be implemented as separate software programs, procedures or modules, and thus various subsets of these modules may be combined or otherwise rearranged in various embodiments. In some embodiments,memory 416 and/ormemory 508 may store a subset of the modules and data structures identified above. Furthermorememory 416 and/ormemory 508 may store additional modules and data structures not described above. - Although
FIGS. 4 and 5 show respectively aclient 102 and aserver 110, the figures are intended more as functional descriptions of the various features which may be present in a client and a set of servers than as a structural schematic of the embodiments described herein. In practice, and as recognized by those of ordinary skill in the art, items shown separately could be combined and some items could be separated. For example, some items shown separately inFIG. 5 could be implemented on a single server and single items could be implemented by one or more servers. The actual number of servers used to implementserver 110 and how features are allocated among them will vary from one implementation to another, and may depend in part on the amount of data traffic that the system must handle during peak usage periods as well as during average usage periods. - The foregoing description, for purpose of explanation, has been described with reference to specific embodiments. However, the illustrative discussions above are not intended to be exhaustive or to limit the invention to the precise forms disclosed. Many modifications and variations are possible in view of the above teachings. The embodiments were chosen and described in order to best explain the principles of the invention and its practical applications, to thereby enable others skilled in the art to best utilize the invention and various embodiments with various modifications as are suited to the particular use contemplated.
Claims (27)
1. A computer-implemented method performed by a client device or system, the client device or system having one or more processors and memory storing one or more programs for execution by the one or more processors, the method comprising:
at a first time, presenting a first webpage having a first style; and
in response to a refresh request at a second time, presenting a second webpage having a second style that is distinct from the first style,
wherein:
the first style and second style are determined in accordance with a value of a user selected variable, the value automatically changing over time independent of user action; and
the user selected variable has a first value at the first time and a second value distinct from the first value at the second time.
2. The method of claim 1 , wherein the refresh request is generated automatically without any user action.
3. The method of claim 1 , wherein presenting the second webpage includes refreshing the first webpage.
4. The method of claim 3 , wherein refreshing the first webpage includes presenting content of the first webpage in accordance with the second style.
5. The method of claim 1 , wherein content of the second webpage is content of the first webpage.
6. The method of claim 1 , wherein the second webpage includes new content and at least a subset of content of the first webpage.
7. The method of claim 1 , wherein the second webpage includes new content with respect to content of the first webpage.
8. A client device or system, comprising:
one or more processors; and
memory storing one or more programs for execution by the one or more processors, the one or more programs including instructions for:
at a first time, presenting a first webpage having a first style; and
in response to a refresh request at a second time, presenting a second webpage having a second style that is distinct from the first style,
wherein:
the first style and second style are determined in accordance with a value of a user selected variable, the value automatically changing over time independent of user action; and
the user selected variable has a first value at the first time and a second value distinct from the first value at the second time.
9. The client device or system of claim 8 , wherein the refresh request is generated automatically without any user action.
10. The client device or system of claim 8 , wherein presenting the second webpage includes refreshing the first webpage.
11. The client device or system of claim 10 , wherein the instructions for refreshing the first webpage include instructions for presenting content of the first webpage in accordance with the second style.
12. The client device or system of claim 8 , wherein content of the second webpage is content of the first webpage.
13. The client device or system of claim 8 , wherein the second webpage includes new content and at least a subset of content of the first webpage.
14. The client device or system of claim 8 , wherein the second webpage includes new content with respect to content of the first webpage.
15. A non-transitory computer readable storage medium, storing one or more programs for execution by one or more processors of a client device or system, the one or more programs including instructions for:
at a first time, presenting a first webpage having a first style; and
in response to a refresh request at a second time, presenting a second webpage having a second style that is distinct from the first style,
wherein:
the first style and second style are determined in accordance with a value of a user selected variable, the value automatically changing over time independent of user action; and
the user selected variable has a first value at the first time and a second value distinct from the first value at the second time.
16. The computer readable storage medium of claim 15 , wherein the refresh request is generated automatically without any user action.
17. The computer readable storage medium of claim 15 , wherein presenting the second webpage includes refreshing the first webpage.
18. The computer readable storage medium of claim 17 , wherein the instructions for refreshing the first webpage include instructions for presenting content of the first webpage in accordance with the second style.
19. The computer readable storage medium of claim 15 , wherein content of the second webpage is content of the first webpage.
20. The computer readable storage medium of claim 15 , wherein the second webpage includes new content and at least a subset of content of the first webpage.
21. The computer readable storage medium of claim 15 , wherein the second webpage includes new content with respect to content of the first webpage.
22. A computer-implemented method performed by a server system, the server system having one or more processors and memory storing one or more programs for execution by the one or more processors, the method comprising:
at a first time, serving to a client device or system a first webpage having a first style; and
in response to a refresh request at a second time, serving to the client device or system a second webpage having a second style that is distinct from the first style,
wherein:
the first style and second style are determined in accordance with a value of a user selected variable, the value automatically changing over time independent of user action; and
the user selected variable has a first value at the first time and a second value distinct from the first value at the second time.
23. The method of claim 22 , wherein content of the second webpage is content of the first webpage.
24. The method of claim 22 , wherein the second webpage includes new content and at least a subset of content of the first webpage.
25. The method of claim 22 , wherein the second webpage includes new content with respect to content of the first webpage.
26. A server system, comprising:
one or more processors; and
memory storing one or more programs for execution by the one or more processors, the one or more programs including instructions for:
at a first time, serving to a client device or system a first webpage having a first style; and
in response to a refresh request at a second time, serving to the client device or system a second webpage having a second style that is distinct from the first style,
wherein:
the first style and second style are determined in accordance with a value of a user selected variable, the value automatically changing over time independent of user action; and
the user selected variable has a first value at the first time and a second value distinct from the first value at the second time.
27. A non-transitory computer readable storage medium, storing one or more programs for execution by one or more processors of a server system, the one or more programs including instructions for:
at a first time, serving to a client device or system a first webpage having a first style; and
in response to a refresh request at a second time, serving to the client device or system a second webpage having a second style that is distinct from the first style,
wherein:
the first style and second style are determined in accordance with a value of a user selected variable, the value automatically changing over time independent of user action; and
the user selected variable has a first value at the first time and a second value distinct from the first value at the second time.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
US13/045,483 US8555158B2 (en) | 2006-06-29 | 2011-03-10 | Dynamically updating webpage style |
Applications Claiming Priority (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
US11/427,774 US7908551B2 (en) | 2006-06-29 | 2006-06-29 | Dynamically generating customized user interfaces |
US13/045,483 US8555158B2 (en) | 2006-06-29 | 2011-03-10 | Dynamically updating webpage style |
Related Parent Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
US11/427,774 Continuation US7908551B2 (en) | 2006-06-29 | 2006-06-29 | Dynamically generating customized user interfaces |
Publications (2)
Publication Number | Publication Date |
---|---|
US20110161803A1 true US20110161803A1 (en) | 2011-06-30 |
US8555158B2 US8555158B2 (en) | 2013-10-08 |
Family
ID=38846562
Family Applications (2)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
US11/427,774 Active 2029-12-19 US7908551B2 (en) | 2006-06-29 | 2006-06-29 | Dynamically generating customized user interfaces |
US13/045,483 Active 2027-05-02 US8555158B2 (en) | 2006-06-29 | 2011-03-10 | Dynamically updating webpage style |
Family Applications Before (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
US11/427,774 Active 2029-12-19 US7908551B2 (en) | 2006-06-29 | 2006-06-29 | Dynamically generating customized user interfaces |
Country Status (5)
Country | Link |
---|---|
US (2) | US7908551B2 (en) |
EP (1) | EP2038741A2 (en) |
KR (1) | KR101445355B1 (en) |
CN (1) | CN101512483B (en) |
WO (1) | WO2008003062A2 (en) |
Cited By (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20100218110A1 (en) * | 2009-02-24 | 2010-08-26 | Jie Yao | Methods and systems for displaying user interfaces on remote devices |
US20120136922A1 (en) * | 2010-11-29 | 2012-05-31 | International Business Machines Corporation | Consistent web application presentation |
US20130198613A1 (en) * | 2012-01-27 | 2013-08-01 | Usablenet, Inc. | Methods for tranforming requests for web content and devices thereof |
US20130227426A1 (en) * | 2012-02-24 | 2013-08-29 | Sony Corporation | Customized user web-page setting techniques |
US20150007133A1 (en) * | 2013-06-27 | 2015-01-01 | Adobe Systems Incorporated | Content Package Generation for Web Content |
WO2015017222A1 (en) * | 2013-08-02 | 2015-02-05 | Moboom Ltd. | Methods and systems for generating server-side media queries |
US20150234798A1 (en) * | 2012-06-01 | 2015-08-20 | Google Inc. | System and method for changing a web ui application appearance based on state through css selector cascading |
US9286274B2 (en) | 2014-01-28 | 2016-03-15 | Moboom Ltd. | Adaptive content management |
US20170116164A1 (en) * | 2015-10-23 | 2017-04-27 | Oracle International Corporation | Generating style sheets during runtime |
Families Citing this family (44)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7774378B2 (en) | 2004-06-04 | 2010-08-10 | Icentera Corporation | System and method for providing intelligence centers |
US8078290B2 (en) * | 2005-12-13 | 2011-12-13 | Panasonic Electric Works Co., Ltd. | System and methods for controlling embedded devices using device style sheets |
US8583772B2 (en) | 2008-08-14 | 2013-11-12 | International Business Machines Corporation | Dynamically configurable session agent |
US8868533B2 (en) | 2006-06-30 | 2014-10-21 | International Business Machines Corporation | Method and apparatus for intelligent capture of document object model events |
US8949406B2 (en) * | 2008-08-14 | 2015-02-03 | International Business Machines Corporation | Method and system for communication between a client system and a server system |
JPWO2008029774A1 (en) * | 2006-09-04 | 2010-01-21 | ソニー株式会社 | Download add-in program, upload add-in program, rewrite add-in program, download method and upload method |
US20080270473A1 (en) * | 2007-04-30 | 2008-10-30 | Searete Llc, A Limited Liability Corporation Of The State Of Delaware | Determining an influence on a person by web pages |
US20080297521A1 (en) * | 2007-05-31 | 2008-12-04 | Liang-Yu Chi | System and method for providing skins for a web page |
US8042055B2 (en) | 2007-08-31 | 2011-10-18 | Tealeaf Technology, Inc. | Replaying captured network interactions |
US8533588B2 (en) * | 2007-11-30 | 2013-09-10 | Red Hat, Inc. | Overriding images in user interfaces |
US8285813B1 (en) * | 2007-12-05 | 2012-10-09 | Appcelerator, Inc. | System and method for emulating different user agents on a server |
JP2011516943A (en) * | 2008-03-21 | 2011-05-26 | コーニンクレッカ フィリップス エレクトロニクス エヌ ヴィ | How to display information generated by a client |
US20110072370A1 (en) * | 2008-05-20 | 2011-03-24 | Mitchell April S | User interface modifier |
US8775926B2 (en) * | 2008-05-30 | 2014-07-08 | Red Hat, Inc. | Stylesheet conversion engine |
KR101547496B1 (en) * | 2008-07-24 | 2015-08-27 | 삼성전자주식회사 | Method and apparatus for reconstructing a web page |
US8418066B2 (en) * | 2008-08-07 | 2013-04-09 | International Business Machines Corporation | Content personalization for web distributed content |
US8914736B2 (en) * | 2010-03-30 | 2014-12-16 | International Business Machines Corporation | On-page manipulation and real-time replacement of content |
US8930818B2 (en) * | 2009-03-31 | 2015-01-06 | International Business Machines Corporation | Visualization of website analytics |
US9934320B2 (en) | 2009-03-31 | 2018-04-03 | International Business Machines Corporation | Method and apparatus for using proxy objects on webpage overlays to provide alternative webpage actions |
US8132109B2 (en) * | 2009-05-15 | 2012-03-06 | International Business Machines Corporation | Webpage magnifier/formatter using CSS properties and cursor/mouse location |
KR101632748B1 (en) * | 2009-09-24 | 2016-07-04 | 삼성전자주식회사 | Apparatus and method for providing customizable remote user interface page |
EP2325800A1 (en) * | 2009-11-02 | 2011-05-25 | Accenture Global Services Limited | Web portal application customization method and system using profiles |
US20110145736A1 (en) * | 2009-12-14 | 2011-06-16 | Sap Ag | Systems and Methods for Designing a Universal User Interface |
US8543675B1 (en) * | 2009-12-17 | 2013-09-24 | Amazon Technologies, Inc. | Consistent link sharing |
CN102622376A (en) * | 2011-01-28 | 2012-08-01 | 北京千橡网景科技发展有限公司 | Method and equipment used for merging cascading style sheet files |
CN102298523A (en) * | 2011-09-09 | 2011-12-28 | 北京华通伟业科技发展有限公司 | Interface management system and interface management method |
CN102881050B (en) * | 2012-09-19 | 2015-02-25 | 中国联合网络通信集团有限公司 | Ticket processing method and system |
US9635094B2 (en) | 2012-10-15 | 2017-04-25 | International Business Machines Corporation | Capturing and replaying application sessions using resource files |
US9536108B2 (en) | 2012-10-23 | 2017-01-03 | International Business Machines Corporation | Method and apparatus for generating privacy profiles |
US9535720B2 (en) | 2012-11-13 | 2017-01-03 | International Business Machines Corporation | System for capturing and replaying screen gestures |
US10474735B2 (en) | 2012-11-19 | 2019-11-12 | Acoustic, L.P. | Dynamic zooming of content with overlays |
CN102982164B (en) * | 2012-12-07 | 2016-08-03 | 北京奇虎科技有限公司 | A kind of browser page rendering method and browser |
CN103034710B (en) * | 2012-12-07 | 2016-08-24 | 北京奇虎科技有限公司 | Page rendering method and device for browser |
US10977425B1 (en) * | 2013-03-13 | 2021-04-13 | Sprint Communications Company L.P. | Dynamic resource refresh |
CN103399747B (en) * | 2013-08-02 | 2017-12-26 | 百度在线网络技术(北京)有限公司 | Offer method, system and the navigation server of navigation page |
US20150264423A1 (en) * | 2014-03-11 | 2015-09-17 | Telefonaktiebolaget L M Ericsson (Publ) | Methods and systems for dynamic runtime generation of customized applications |
CN104007991B (en) * | 2014-06-06 | 2019-06-14 | 百度在线网络技术(北京)有限公司 | Application Program Interface layout adjustment method and device |
KR101705816B1 (en) * | 2014-09-05 | 2017-02-22 | 주식회사 포워드벤처스 | Apparatuts, method, and compuer program providing shopping service |
US10963539B2 (en) | 2014-09-10 | 2021-03-30 | Mk Systems Usa Inc. | Interactive web application editor |
CN104579928B (en) * | 2014-12-31 | 2017-11-28 | 上海格尔软件股份有限公司 | It is a kind of that the system and method that mail shows pattern in mail tabulation is automatically configured according to e-mail sender's information |
CN108073649B (en) * | 2016-11-15 | 2022-02-25 | 北京搜狗科技发展有限公司 | Information processing method and device for information processing |
US10614145B2 (en) * | 2017-06-14 | 2020-04-07 | International Business Machines Corporation | Presenting content on a webpage in a desired format |
US11514121B2 (en) | 2020-08-10 | 2022-11-29 | International Business Machines Corporation | Webpage customization |
CN112099790B (en) * | 2020-09-10 | 2024-03-29 | 北京百度网讯科技有限公司 | Method, device, equipment and storage medium for determining page theme |
Citations (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20020165881A1 (en) * | 2001-03-15 | 2002-11-07 | Imation Corp. | Web page color accuracy using color-customized style sheets |
US20030216929A1 (en) * | 2002-05-16 | 2003-11-20 | International Business Machines Corporation | Method, system and program product for presenting web content according to a determined learning style |
US20040111670A1 (en) * | 2002-12-06 | 2004-06-10 | Minolta Company, Ltd. | Server and client terminal for presenting device management data of XML data |
US6941521B2 (en) * | 2002-03-29 | 2005-09-06 | Intel Corporation | Method for dynamically generating a user interface from XML-based documents |
US20060069790A1 (en) * | 2004-09-30 | 2006-03-30 | Surender Surana | Content presentation adaptation |
US20060212806A1 (en) * | 2005-03-18 | 2006-09-21 | Microsoft Corporation | Application of presentation styles to items on a web page |
US7200820B1 (en) * | 2002-09-27 | 2007-04-03 | Bellsouth Intellectual Property Corp. | System and method for viewing search results |
US20070239726A1 (en) * | 2006-03-29 | 2007-10-11 | Mathew Girard Weiss | Systems and methods of transforming data for web communities and web applications |
US7346842B1 (en) * | 2000-11-02 | 2008-03-18 | Citrix Systems, Inc. | Methods and apparatus for incorporating a partial page on a client |
US7383498B1 (en) * | 2002-12-27 | 2008-06-03 | Sap Ag | Editing styles for markup documents using parametrized styles sheets |
US7421278B2 (en) * | 2000-03-13 | 2008-09-02 | Intellions, Inc. | Method and apparatus for time-aware and location-aware marketing |
Family Cites Families (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US6151702A (en) * | 1994-09-30 | 2000-11-21 | Computer Associates Think, Inc. | Method and system for automated, interactive translation of a software program to a data model for input to an information repository |
JP2003223463A (en) | 2001-11-01 | 2003-08-08 | Matsushita Electric Ind Co Ltd | Information providing server device and information providing system |
EP1327940A1 (en) * | 2002-01-09 | 2003-07-16 | Sony International (Europe) GmbH | Server-side framework for personalised mobile services |
-
2006
- 2006-06-29 US US11/427,774 patent/US7908551B2/en active Active
-
2007
- 2007-06-28 CN CN2007800320972A patent/CN101512483B/en not_active Expired - Fee Related
- 2007-06-28 WO PCT/US2007/072401 patent/WO2008003062A2/en active Application Filing
- 2007-06-28 EP EP07812440A patent/EP2038741A2/en not_active Withdrawn
- 2007-06-28 KR KR1020097001423A patent/KR101445355B1/en active IP Right Grant
-
2011
- 2011-03-10 US US13/045,483 patent/US8555158B2/en active Active
Patent Citations (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7421278B2 (en) * | 2000-03-13 | 2008-09-02 | Intellions, Inc. | Method and apparatus for time-aware and location-aware marketing |
US7346842B1 (en) * | 2000-11-02 | 2008-03-18 | Citrix Systems, Inc. | Methods and apparatus for incorporating a partial page on a client |
US20020165881A1 (en) * | 2001-03-15 | 2002-11-07 | Imation Corp. | Web page color accuracy using color-customized style sheets |
US6941521B2 (en) * | 2002-03-29 | 2005-09-06 | Intel Corporation | Method for dynamically generating a user interface from XML-based documents |
US20030216929A1 (en) * | 2002-05-16 | 2003-11-20 | International Business Machines Corporation | Method, system and program product for presenting web content according to a determined learning style |
US7200820B1 (en) * | 2002-09-27 | 2007-04-03 | Bellsouth Intellectual Property Corp. | System and method for viewing search results |
US20040111670A1 (en) * | 2002-12-06 | 2004-06-10 | Minolta Company, Ltd. | Server and client terminal for presenting device management data of XML data |
US7383498B1 (en) * | 2002-12-27 | 2008-06-03 | Sap Ag | Editing styles for markup documents using parametrized styles sheets |
US20060069790A1 (en) * | 2004-09-30 | 2006-03-30 | Surender Surana | Content presentation adaptation |
US20060212806A1 (en) * | 2005-03-18 | 2006-09-21 | Microsoft Corporation | Application of presentation styles to items on a web page |
US20070239726A1 (en) * | 2006-03-29 | 2007-10-11 | Mathew Girard Weiss | Systems and methods of transforming data for web communities and web applications |
Cited By (16)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20100218110A1 (en) * | 2009-02-24 | 2010-08-26 | Jie Yao | Methods and systems for displaying user interfaces on remote devices |
US20120136922A1 (en) * | 2010-11-29 | 2012-05-31 | International Business Machines Corporation | Consistent web application presentation |
US20120185763A1 (en) * | 2010-11-29 | 2012-07-19 | International Business Machines Corporation | Consistent web application presentation |
US9122763B2 (en) * | 2010-11-29 | 2015-09-01 | International Business Machines Corporation | Consistent web application presentation |
US9104774B2 (en) * | 2010-11-29 | 2015-08-11 | International Business Machines Corporation | Consistent web application presentation |
US20130198613A1 (en) * | 2012-01-27 | 2013-08-01 | Usablenet, Inc. | Methods for tranforming requests for web content and devices thereof |
US10120847B2 (en) * | 2012-01-27 | 2018-11-06 | Usablenet Inc. | Methods for transforming requests for web content and devices thereof |
US20130227426A1 (en) * | 2012-02-24 | 2013-08-29 | Sony Corporation | Customized user web-page setting techniques |
US20150234798A1 (en) * | 2012-06-01 | 2015-08-20 | Google Inc. | System and method for changing a web ui application appearance based on state through css selector cascading |
US20150007133A1 (en) * | 2013-06-27 | 2015-01-01 | Adobe Systems Incorporated | Content Package Generation for Web Content |
WO2015017222A1 (en) * | 2013-08-02 | 2015-02-05 | Moboom Ltd. | Methods and systems for generating server-side media queries |
US9286274B2 (en) | 2014-01-28 | 2016-03-15 | Moboom Ltd. | Adaptive content management |
US20170116164A1 (en) * | 2015-10-23 | 2017-04-27 | Oracle International Corporation | Generating style sheets during runtime |
CN106649215A (en) * | 2015-10-23 | 2017-05-10 | 甲骨文国际公司 | Generating style sheets during runtime |
US10423711B2 (en) * | 2015-10-23 | 2019-09-24 | Oracle International Corporation | Generating style sheets during runtime |
US10872202B2 (en) | 2015-10-23 | 2020-12-22 | Oracle International Corporation | Generating style sheets during runtime |
Also Published As
Publication number | Publication date |
---|---|
US7908551B2 (en) | 2011-03-15 |
CN101512483A (en) | 2009-08-19 |
KR20090024283A (en) | 2009-03-06 |
US8555158B2 (en) | 2013-10-08 |
WO2008003062A2 (en) | 2008-01-03 |
KR101445355B1 (en) | 2014-09-29 |
CN101512483B (en) | 2013-06-12 |
WO2008003062A3 (en) | 2008-03-27 |
EP2038741A2 (en) | 2009-03-25 |
US20080005661A1 (en) | 2008-01-03 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US8555158B2 (en) | Dynamically updating webpage style | |
JP6272933B2 (en) | Remote browsing session management | |
US9330077B2 (en) | Dynamic image generation for customizable user interfaces | |
JP4791452B2 (en) | Method, system and computer program for prefetching and caching portlet on client side | |
US8307119B2 (en) | Collaborative online spreadsheet application | |
US6865593B1 (en) | Dynamic integration of web sites | |
US20030070143A1 (en) | Method for extracting digests, reformatting, and automatic monitoring of structured online documents based on visual programming of document tree navigation and transformation | |
EP1406183A2 (en) | Method and system for refreshing browser pages | |
US20120136953A1 (en) | Email system | |
EP1374101A1 (en) | Method for creating internet information | |
US20040205488A1 (en) | Active web page for editing with any browser | |
US20030204811A1 (en) | Website system and method with dynamic maintaining function | |
US6934734B2 (en) | Method and apparatus for managing and presenting changes to an object in a data processing system | |
US20060064632A1 (en) | Method and system to inverse graphs | |
CN107743110A (en) | A kind of generation method, device and the book system of the e-book page | |
AU2039001A (en) | Method for extracting digests, reformatting and automatic monitoring of structured online documents based on visual programming of document tree navigation and transformation | |
WO2017168133A1 (en) | Rendering a web page on a user device | |
AU2011244906B2 (en) | Collaborative online spreadsheet application |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
STCF | Information on status: patent grant |
Free format text: PATENTED CASE |
|
FPAY | Fee payment |
Year of fee payment: 4 |
|
AS | Assignment |
Owner name: GOOGLE LLC, CALIFORNIA Free format text: CHANGE OF NAME;ASSIGNOR:GOOGLE INC.;REEL/FRAME:044695/0115 Effective date: 20170929 |
|
MAFP | Maintenance fee payment |
Free format text: PAYMENT OF MAINTENANCE FEE, 8TH YEAR, LARGE ENTITY (ORIGINAL EVENT CODE: M1552); ENTITY STATUS OF PATENT OWNER: LARGE ENTITY Year of fee payment: 8 |