KR101175164B1 - Apparatus and method for transforming the design of the web-site in the terminal device - Google Patents

Abstract

The present invention relates to an apparatus and method for changing the design of a web site in a terminal device. The method for changing the design of a web site according to the present invention receives content of a web site, and analyzes the structure of the received content. The design is changed to a design not provided by the web site, the insertion time for displaying the changed content on the display means of the terminal device is detected, and the changed content is displayed at the detected insertion time.

Description

Apparatus and method for transforming the design of the web-site in the terminal device}

The present invention relates to an apparatus and a method for changing the design of a web site in a terminal device, and more particularly, to display the content of a web site received from a web server in a terminal device corresponding to a client. The present invention relates to an apparatus and a method for changing and displaying a design thereof.

With the development of the Internet, many users have been able to obtain various information from web servers. Through a well-known server-client model structure, various terminal devices, such as a personal computer (PC) and a smart phone, connect to the server as a client and receive information from the server.

Meanwhile, customization that respects individual tastes and diversity has become a big issue in the industry. As mass-produced products of uniform design and composition have increased, the desire of consumers to have their own products different from others has increased. In response to these demands, information technology (IT) technology has also provided various personalized services.

In the traditional server-client architecture, however, these personalization services tend to rely heavily on servers. For example, personalized web services on portal sites or personalized pages in web mail. This server-side personalization service allows a user to use personalized services only within the scope (design, layout, etc.) provided by a service provider providing a web service.

Therefore, even if a particular service provider does not provide such a personalized service or there is a big limitation in the scope, the user has no choice but to use the service. Although a web service of server-client structure can exchange information through interaction, it is not easy for a client to be provided with a web service to expect a service environment beyond that provided by a server. In other words, there is a structural limitation that both the provision of personalized web services and the scope of services depend entirely on the service provider.

On the other hand, in the case of a service provider that provides services to multiple users at the same time, if a personalized customized service is provided for each user through a web server, problems such as an increase in processing load of the web server or delay in user response time may occur. Also exists.

The technical problem to be solved by at least one embodiment of the present invention is to escape from the uniform design of the web service provided from the website, overcome the limitation that the subject of the web site design change only depends on the service provider, and per user through the server An object of the present invention is to provide an apparatus and a method for solving a problem of overload of a web server or delay of user response time that may occur when providing a personalized personalized service. The technical problem to be solved by this embodiment is not limited to the above-described technical problems, and other technical problems may exist.

In order to solve the above technical problem, a method of changing the design of the website in the terminal device according to the present invention comprises the steps of receiving the content of the website; Interpreting the structure of the received content and changing the design of the content to a predetermined design not provided by the web site; Detecting an insertion time for displaying the changed content on the display means of the terminal device; And displaying the changed content of the design at the detected insertion time.

In order to solve the above technical problem, the apparatus for changing the design of the web site in the terminal device according to the present invention includes a receiving unit for receiving the content of the web site; A content processor for analyzing the structure of the received content and changing the design of the content to a predetermined design not provided by the web site; A detector configured to detect an insertion time point for displaying the changed content design; And a display unit which displays the changed content of the design at the detected insertion time.

In order to solve the above technical problem, in the method and apparatus for changing the design of the web site in the terminal device according to the present invention, the insertion time is displayed by the display means of the terminal device from the time when the control object included in the content is generated. Preferably, the control object is determined as one point between time points at which the control object is to be displayed without changing the design.

In addition, the following provides a computer-readable recording medium having recorded thereon a program for causing a computer to execute a method of changing the design of a web site in the terminal device described above.

As described above, by receiving the content of the website from the terminal device as a client and changing the design of the content to a user-designed design not provided by the website, the personalized rather than the uniform design provided from the website is personalized. It is possible to receive web services reflecting the design, free design changes to the web services provided by the service provider regardless of the service provider, and overload or user of the web server that may occur due to personalized personalized services for each user. You can get comfortable web service without delay of response time.

FIG. 1 is a diagram for describing a system structure for changing a design through a design change device when web content received from a web server is displayed on a terminal device that is a client.
2 is a diagram illustrating the overall structure of a system for explaining an apparatus for changing a design of a web site in a terminal device according to an embodiment of the present invention.
3 is a flowchart illustrating a method of changing a design of a web site in a terminal device according to an embodiment of the present invention.
4 is a flowchart illustrating a process performed in parallel to change a design of a web site in a terminal device.
5 is a flowchart illustrating a method of detecting an insertion time for displaying content whose design is changed in the flowchart of FIG. 4 in more detail.
6A is a diagram illustrating a method of storing setting values for changing a design in response to a web site.
6B to 6C are diagrams illustrating that content whose design is changed is displayed on a web browser according to a design setting value.

Hereinafter, various embodiments of the present invention will be described in detail with reference to the accompanying drawings.

FIG. 1 is a diagram illustrating a system structure for changing a design through a design change device when web content received from a web server is displayed on a terminal device that is a client. The web server 110 and the client 120 will be described in detail. It is composed.

In a traditional server-client architecture, web server 110 provides web content 110 in response to a request from client 120. As discussed above, the embodiments of the present invention have been proposed to solve the problems caused by the server-side personalization service, so that the design of the web content 110 is performed by the client as it is provided by the web server. 120 will be provided. As illustrated in FIG. 1, embodiments of the present invention to be described below provide a client-side personalization service. To this end, the client 120 changes the design of the web content 111 received from the web server 110 through the design change apparatus 121 to a design set by the user. That is, the application of the personalization service is performed on the client 120 side rather than the conventional server 110 side.

On the other hand, in a typical web service, the client displays the content received through the web service display means. The web service display means may be a web browser, a specialized widget, or a separate application. If the received content is web content, the web service display means includes an interpreter capable of interpreting the web document. For example, an HTML parser can be a representative parser. The web service display means renders the content interpreted through the interpreter according to the web protocol and displays it on the display device of the user device. As described above, the client of the conventional web service only serves to interpret and display the content already received through the web service display means. In other words, the client does not play a role of modifying or processing the arbitrarily received content.

However, as described with reference to FIG. 1, embodiments of the present invention include a design change device 121 for changing the design of the web content 111 received by the client 120. A detailed configuration will be described below.

FIG. 2 is a diagram illustrating the overall structure of a system for explaining an apparatus for changing a design of a web site in a terminal device according to an embodiment of the present invention, and includes a web server 110 and a client 120. Here, the configuration will be described focusing on the design change device 121 of the client 120.

The design change apparatus 121 again includes a receiver 210, a content processor 220, a detector 230, and a display 240. Additionally, the design setting value 225 by the user may be stored.

The receiver 210 receives the content 111 of the web site from the web server 110. The receiver 210 may be implemented as a wireless communication means such as various wired communication means or Wi-Fi (wireless fidelity) and a communication interface, including a conventional TCP / IP-based network. The implementation means of the receiver 210 is not limited to the above-described example, and various communication hardware and software technologies that already exist as such communication means can be utilized by those skilled in the art. Self-explanatory

The content processor 220 analyzes the structure of the received content 111 and changes the design of the content to a design that the web site 110 does not provide. In this case, the design to be changed refers to a design preset by a user, and various design templates may be provided in advance to provide a personalized design service. In addition, such a personalized design may be provided through input from a separate server, rather than the server 110 providing the web content 111, or may be provided through a user input on the client 120. For example, the user may make a design template to be applied to the web content 111 and store the design template in the design change device 121 so that the web site is displayed as a design produced by the user. In addition, the design templates may share designs created by a plurality of users, as well as the user, through a network, and the user may download the designs produced by other users and store them in their terminal devices to use them for design changes.

The setting values for the design provided in this way may be preset in which design is stored in a specific space of the terminal device and which design is applied to web content provided from a web site by the user. In this case, the user stores a setting value corresponding to a specific web site and a specific design, and the setting value is used to change the design of the corresponding content when the web content 111 is received from the web server 110. Can be. Of course, the stored design templates may be applied to a random web site without the user's specific setting, thereby providing a free and diverse design to the user.

In terms of physical configuration, the content processor 220 may be implemented with a processor for data operation in a typical computing environment and a memory capable of loading and processing data required for a task. It may include a recording medium for storing the various design templates (225). In addition, since the content processor 220 must change the design by analyzing the received web content 111, the content processor 220 includes an interpreter capable of interpreting various markup languages including HTML. Such an interpreter may be implemented in software code that operates based on the physical hardware described above.

The detector 230 detects an insertion time for displaying the content whose design has been changed by the content processor 220. In the server-client structure, since the client 120 attempts to interpret and display the web content 111 received from the server 110 without processing, the detection unit 230 displays the content whose design is changed on the display means of the terminal device. It is necessary to detect the most appropriate insertion point to be. The insertion time of the detector 230 will be described in more detail later with reference to FIGS. 4 and 5.

The sensing unit 230 may also be implemented as a processor and a memory required for a task in a typical computing environment, and includes software code for performing a series of tasks for detecting an insertion time.

The display unit 240 displays the content whose design has been changed at the insertion time detected by the detector 230. As described with reference to FIG. 1, the display unit 240 may be a web browser, a specialized widget, or a separate application program. Accordingly, the display unit 240 includes software code for interpreting and rendering the web content 111 and displaying a specific configuration object on the screen. The display unit 240 is a processor and a memory for performing such software code in terms of physical configuration. Can be implemented. When the physical configuration of the display unit 240 is further expanded and interpreted, a typical display device may be included.

3 is a flowchart illustrating a method of changing a design of a web site in a terminal device according to an embodiment of the present invention, and includes the following steps corresponding to the configuration of the design change device of FIG.

In step 310, the content of the web site is received. This process corresponds to the contents described above through the receiver 210 of FIG. 2, and a detailed description thereof will be omitted.

In step 320, the structure of the content received in step 310 is analyzed to change the design of the content to a design that is not provided by the web site. This process corresponds to the contents previously described through the content processor 220 of FIG. 2, and a detailed description thereof will be omitted.

In operation 330, an insertion time point for displaying the content whose design is changed on the display means of the terminal device is detected in operation 320. This process corresponds to the contents previously described through the sensing unit 230 of FIG. 2, and specific contents of the insertion time will be described with reference to FIGS. 4 and 5.

In step 340, the design-changed content is displayed at the insertion time detected in step 330. This process corresponds to the contents previously described through the display unit 240 of FIG. 2, and a detailed description thereof will be omitted.

On the other hand, the embodiment of FIG. 3 may further include a step of previously storing the setting value for the design corresponding to the web site before step 320. In this case, in step 330, the design of the content of the web site is changed by using the previously stored setting values. This process is the same as described above with reference to the various pre-stored design templates or setting values 225 of FIG. 2.

According to the embodiments, it is possible to receive a web service reflecting a personalized design rather than a uniform design provided from a web site, and to freely change a design of a web service provided by a service provider regardless of the service provider. . In addition, since the design change is performed through the client or the terminal device, a comfortable web service can be provided without overloading the user or delaying the response time of the web server which may occur due to a personalized personalized service for each user.

FIG. 4 is a flowchart illustrating a process performed in parallel to change a design of a web site in a terminal device, and includes a detection process of an insertion time, which has been briefly mentioned above.

In step 410, the terminal device (corresponding to the client) accesses the web site (corresponding to the server). In this case, in step 415, the terminal device determines whether the design of the connected web site is changed. This determination may be performed by checking whether the web site to which the terminal device accesses is a web site set to change the design by using at least one of an access address or content. To this end, the terminal device preferably stores the web site and the design change in advance.

For example, when the terminal device accesses a web site of A, the terminal device may check whether the design has been changed through a uniform resource locator (URL) address or an internet protocol (IP) address of A. This operation identifies a web site using a technique of URL hooking displayed in an address bar of a web browser, and the web site identified using a specific matching table stored in a terminal device. It may be performed by checking whether it corresponds to a design change target. Alternatively, the web site may be identified by interpreting a header of the web page transmitted from the web server by referring to meta data included in the header.

If the web site is set to change the design, the terminal device proceeds to step 425 to read the set values for the design change. Setting values for design change may be stored in a separate storage space or managed through the matching table. That is, if the key data of the matching table is an identifier (URL address, IP address, header information, etc.) of the web site, the reference data linked to the key data will be a design setting value. If there is no key data, or there is no reference data, even if there is key data, the website is not considered to be a design change.

In step 420, the terminal device receives the content of the web site, loads it into the memory, and interprets the structure of the content. At this time, the structural analysis of the content means parsing a markup language such as HTML.

In operation 430, the terminal device generates a control target object included in the content. At this time, the terminal device detects the starting point of the insertion time. In embodiments of the present invention, the insertion time point means any one point between a time point at which the control object included in the content is generated and a time point at which the display means of the terminal device attempts to display the control object without changing the design. That is, any one time point between the viewpoint A and the viewpoint B of FIG. 4 is an insertion time. The reason for specifying the insertion point as described above is as follows.

In a typical server-client structure, web content display means (e.g., a web browser) attempts to interpret and display the content received from the web server without processing. Therefore, when processing to change the design of the received content, it is important to determine when the processed content is displayed on the screen (named insertion time).

If an object to change the design included in the content (hereinafter referred to as a control object) has not been created yet, it is impossible to substantially change the properties of the control object. In addition, when too much time elapses since the control object is generated, it becomes difficult to display the content whose design has been changed on the screen since the web content display means has already displayed such content on the screen. In this case, even though there is content displayed on the screen without changing the design, when inserting the changed content on the screen, flickering appears on the screen or the inconvenience of changing the design is exposed to the user. Therefore, the detection of the insertion time described in the embodiments of the present invention refers to calculating a time point at which the content whose design is changed on the screen may be most naturally displayed.

In FIG. 4, after A point of time in which the control target object is generated through step 430, the flow proceeds to step 440. In step 440, the terminal device generates the content whose design is changed by changing the attributes of the control target objects according to the set value read out in step 425. Subsequently, at time B, the terminal device displays the content whose design has changed in step 450 on the display means.

FIG. 5 is a flowchart illustrating a method of detecting an insertion time for displaying content whose design has been changed in the flowchart of FIG. 4 in detail. For convenience, the process will be described by focusing on A and B views.

After the point in time A, in step 510, it is checked whether a control object is created.

If the control target object is generated, the process proceeds to step 520 to determine the insertion time, and to change the properties of the control target object to generate the content whose design has been changed. Of course, as described above, the insertion time may be determined at any time between the time point at which the control object is created and the display means of the terminal device attempts to display the control object without changing the design, for convenience of implementation. If it is determined that the object to be controlled is created, the corresponding time point may be determined as the insertion time point. For example, the description of the means for displaying the web content is based on Internet Explorer, a web browser provided by Microsoft, and after a DocumentComplete event, which is a kind of work event of the web browser, occurs, a specific tag ( tag) to determine whether the control target object in the content is generated. This series of operations can be performed using a browser helper object (BHO) application designed to extend Internet Explorer's functionality with external plug-ins.

If the control target object is effectively detected as described above, the design-changed content is generated in step 520, and the design-changed content is displayed in step 450 in step B. Here, displaying the changed content design means that the properties of the browser display controls (meaning a source of a color or an image) to be displayed on the web browser are changed and displayed on the screen.

On the other hand, if the object to be controlled is not created, optionally proceeds to step 515. Step 515 is a step provided to check whether the target object is generated again after a predetermined time when the control target object has not been created yet. To this end, in step 515, the inspection of step 510 may be repeated a predetermined number of times after a slight delay. In the case of Internet Explorer again, the inspection is repeatedly performed by calling PostMessage, which is a window message, and reentering in step 510 to determine whether a specific tag is valid (meaning whether a control object is created or not). Can be done. In this case, if it is determined that the tag is still invalid through five iterations for convenience, a method of terminating the process may be utilized.

Through the above-described embodiments of the present invention, it is possible to determine an optimal insertion time point at which content whose design is changed may be naturally displayed on the display means. The specific implementation method of the software illustrated above is only one example of an implementation method for detecting an insertion time, and is not limited to a specific web browser or a specific operating system, and may determine a natural insertion time of a content whose design is changed. It is possible to apply to various implementation environments by those skilled in the art using the idea.

FIG. 6A is a diagram illustrating a method of storing setting values for changing a design in response to a web site. FIG. 6A is a setting window for changing the design of Naver, Daum, Nate, and Google, which are widely used in Korea. Is shown. The illustrated setting window suggests a setting method that can variously change and apply color or design template of each web site. As described above, the web site to be changed or the design to be applied can be freely changed by the user's setting. That is, it is possible to change the design of various web sites in addition to the four illustrated web sites, and to apply various user designs in addition to the illustrated design templates.

6B to 6C are diagrams illustrating that a content whose design is changed is displayed on a web browser according to a design setting value, and it may be confirmed that designs of Daum and Naver web sites are changed, respectively. In particular, referring to FIG. 6C, it can be seen that not only the main page of the web site but also the search result page may be changed and displayed in a design set by the user.

According to the embodiments, it is possible to receive a web service reflecting a personalized design rather than a uniform design provided from a web site, and to freely change a design of a web service provided by a service provider regardless of the service provider. . In addition, since the design change is performed through the client or the terminal device, a comfortable web service can be provided without overloading the user or delaying the response time of the web server which may occur due to a personalized personalized service for each user.

Meanwhile, the present invention can be embodied as computer readable codes on a computer readable recording medium. A computer-readable recording medium includes all kinds of recording apparatuses in which data that can be read by a computer system is stored.

Examples of the computer-readable recording medium include a ROM, a RAM, a CD-ROM, a magnetic tape, a floppy disk, an optical data storage device and the like, and also a carrier wave (for example, transmission via the Internet) . In addition, the computer-readable recording medium may be distributed over network-connected computer systems so that computer readable codes can be stored and executed in a distributed manner. In addition, functional programs, codes, and code segments for implementing the present invention can be easily deduced by programmers skilled in the art to which the present invention belongs.

The present invention has been described above with reference to various embodiments. It will be understood by those skilled in the art that various changes in form and details may be made therein without departing from the spirit and scope of the invention as defined by the appended claims. Therefore, the disclosed embodiments should be considered in an illustrative rather than a restrictive sense. The scope of the present invention is defined by the appended claims rather than by the foregoing description, and all differences within the scope of equivalents thereof should be construed as being included in the present invention.

110: web server 111: web content
120: client, terminal 121: design change device
210: receiver
220: content processing unit 225: stored design setting value
230: detector
240: display unit

Claims (10)

In the method of changing the design of the website in the terminal device,
Receiving, by the terminal device, content from the web site at the request of the terminal device;
The web site provides the design of the received content by analyzing the structure of the received content and changing the attributes of the control target object included in the analyzed content according to a predetermined design set in the terminal device. Changing to the predetermined design that does not;
Detecting, by the terminal device, an insertion time point for displaying the changed content on the display means of the terminal device by checking whether the control target object is generated; And
And displaying, by the terminal device, the changed content of the design at the detected insertion time.
Whether to generate the control object is a tag for the control object in the content immediately after a job event 'DocumentComplete' occurs in the display means of the terminal device using a browser helper object (BHO) application. and is determined by checking whether the tag is valid. The method of claim 1,
And wherein the insertion time is determined at any time between the time when the control object included in the content is generated and the display means of the terminal device attempts to display the control object without changing the design. The method of claim 2,
And if it is determined that the control object is created as a result of checking whether the control object included in the content is generated, the corresponding time point is determined as the insertion time point. The method of claim 2,
And if it is determined that the control object is not generated as a result of checking whether the control object included in the content is generated, repeating the inspection a predetermined number of times. The method of claim 1,
Storing the setting values for the predetermined design in advance corresponding to the web site;
The step of changing to the predetermined design, characterized in that for changing the design of the content of the web site using the stored setting value. The method of claim 1,
The predetermined design may be stored in the terminal device by inputting from a separate server through a network or by a user directly inputting. The method of claim 1,
And determining whether the web site to which the terminal device accesses is a web site set to change the design by using at least one of an access address or content. A computer-readable recording medium storing a program for causing a computer to execute the method according to any one of claims 1 to 7. In the device for changing the design of the website in the terminal device,
A receiving unit for receiving content from the web site at the request of the terminal device;
Interpreting the structure of the received content and changing an attribute of a control object included in the analyzed content according to a predetermined design set in the terminal device to the predetermined design not provided by the web site from the received content; A content processor for generating changed content;
A detector configured to detect an insertion time for displaying the changed content of the design by checking whether the control object is created; And
Including the display unit for displaying the changed content at the time of the detected insertion,
Whether the control object is generated is determined by checking whether a tag for the control object is valid in the content immediately after a job event 'DocumentComplete' occurs in the display means of the terminal device using a BHO application. Apparatus characterized in that the. The method of claim 9,
And the insertion time is determined at any time between a time point at which a control object included in the content is generated and a time point at which display means of the terminal device attempts to display the control object without changing a design.

Images