KR20120119844A - Mobile termial and method for displaying webpage thereof - Google Patents

Abstract

PURPOSE: A mobile terminal and a web page display method thereof are provided to reduce processing time for generating a web page by minimizing an area for performing a task. CONSTITUTION: An output buffer(151) performs a drawing work according to a source code of a webpage and stores a first temporarily layout image. A controlling unit(160) displays a part of the first temporarily layout image on a display unit. If the first temporarily layout image is generated, the controlling unit updates the second temporarily layout image in an output buffer. [Reference numerals] (110) Wireless communication unit; (120) User input unit; (130) Sensing unit; (140) Display unit; (150) Memory; (151) Output buffer; (160) Controlling unit

Description

MOBILE TERMIAL AND METHOD FOR DISPLAYING WEBPAGE THEREOF}

The present invention relates to a mobile terminal device, and more particularly, to a mobile terminal device capable of displaying a web page.

A mobile terminal device is a portable device that is portable and has at least one function of performing a voice and video call, a function of inputting / outputting information, and a function of storing data.

In the mobile terminal device implemented in the form of such a multimedia device, new attempts have been variously applied in terms of hardware or software in order to implement complex functions, and web browsing services using the mobile terminal device have been expanded.

Since the mobile terminal device is a portable device, since the display screen is smaller than the screen of a general PC, only a part of a web page is displayed when using the wireless Internet in the mobile terminal device. On the other hand, in the display of the web page, the mobile terminal device generally receives the source code of the web page, and performs an image processing operation to display on the display screen. Meanwhile, the user inputs a scrolling operation such as scrolling, touching and dragging, and flicking to move to a webpage area not displayed on the display screen. When the displayed web page is changed, a processing time required to generate a web page for display on the display screen is increased from the source code, so that a checkered pattern appears on the display screen of the mobile terminal device. There is this.

The present invention has been made to solve the above-described problem, when the web page displayed on the display is changed, the area required for the drawing operation to display the web page on the display is performed to minimize the An object of the present invention is to provide a mobile terminal apparatus and a web page displaying method thereof, which can reduce processing time.

In order to solve the above-mentioned problems, a mobile terminal device according to an embodiment of the present invention, the display unit, an output buffer for storing the first temporary layout image generated by performing a drawing processing (source processing) according to the source code of the web page and A portion of the first temporary layout image is controlled to be displayed on the display unit so as to correspond to a display area of the display unit, and when an invalidated area occurs in the first temporary layout image, the first temporary layout image is displayed in the first temporary layout image. And a control unit which controls to update and store the second temporary layout image generated by partially re-executing the drawing operation in the output buffer, wherein the invalidated area corresponds to an update area of the web page or a scrolling operation of the user. The first temporary layer out of the display area by It characterized in that the partial region of the image.

According to an aspect of an embodiment of the present invention, when the invalidated area is an update area of the web page, the controller sets an area to re-execute the drawing operation according to whether the invalidated area overlaps.

According to an aspect of an embodiment of the present invention, when the invalidated areas overlap, the controller sets a minimum merge area including all of the invalidated areas as an area to re-execute the drawing operation, and the invalidated area. If this does not overlap, the invalidated area is set as an area for redrawing the drawing operation.

According to an embodiment of the present invention, the first temporary layout image or the second temporary layout image is divided into a plurality of cells and stored in the output buffer, and the control unit refers to a cell on the upper left side of the plurality of cells. The first temporary layout image or the second temporary layout image is generated such that the first temporary layout image or the second temporary layout image is set to be a cell and a vertex of the upper left corner of the display area is located in the reference cell.

According to an aspect of an embodiment of the present invention, when the invalidated region occurs in the first temporary layout image by the user's scrolling operation, the controller changes and sets the reference cell and corresponds to the invalidated region. An area for re-executing the drawing operation is set by using the cell information and the changed reference cell.

According to an aspect of an embodiment of the present invention, the scroll operation is any one of scrolling, touching and dragging or flicking with respect to the display unit.

According to an aspect of an embodiment of the present invention, it further comprises a wireless communication unit for providing an interface for receiving the source code of the web page.

In another embodiment of the present invention, a method for displaying a web page of a mobile terminal device includes: (a) receiving a source code of a web page through a wireless communication unit, and (b) performing a drawing operation according to the source code to perform a first temporary layout Generating an image and storing it in an output buffer; (c) displaying a portion of the first temporary layout image on the display unit so as to correspond to a display area of the display unit; and (d) invalidating the first temporary layout image. If an area has occurred, updating and storing, in the output buffer, a second temporary layout image generated by partially performing the drawing operation on the first temporary layout image.

According to an aspect of another embodiment of the present invention, the invalidated area may be a partial area of the first temporary layout image leaving the display area by an update area of the web page or a user's scrolling operation.

According to an aspect of another embodiment of the present invention, the step (d) is (g) if the invalidated area is an update area of the web page, determining whether the invalidated area overlaps, (h) the setting an area to re-execute the drawing operation according to the determination result of step (g); and (i) outputting a second temporary layout image generated by performing the drawing operation on the area set in the step (h) again. Updating and storing in the buffer.

According to an aspect of another embodiment of the present invention, in the step (h), as a result of the determination in the step (g), when the invalidated areas overlap, the drawing operation includes the minimum merged area including all of the invalidated areas. Is set as a region to be re-executed, and if the invalidated regions do not overlap as a result of the determination in step (g), the invalidated region is set as a region to be re-executed.

According to another aspect of the present invention, the first temporary layout image or the second temporary layout image is divided into a plurality of cells and stored.

According to an aspect of another embodiment of the present invention, the step (d) is (l) setting the cell on the upper left side of the plurality of cells as a reference cell, (m) the user's screen movement operation is inputted Changing the cell, (n) determining cell information of the invalidated area generated in the first temporary layout image by the user's scrolling operation, and (o) the reference cell changed in the step (m) and the and updating and storing the second temporary layout image generated by performing the drawing operation again using the cell information determined in step (n).

According to an aspect of another embodiment of the present invention, the step (n) is located at the upper left corner of the display area in the reference cell changed in the step (m) by the screen movement operation of the user, A partial area of the first temporary layout image that is out of the display area is set as the invalidated area, and cell information of the invalidated area is determined.

According to an aspect of another embodiment of the present invention, the cell information includes the position and number of cells of the invalidated region, and the scrolling operation is performed by scrolling, touching and dragging the display unit. either dragging or flicking.

According to the present invention having the above-described configuration, when a web page displayed on the mobile terminal device is changed by an update of a web page or a user's screen movement operation, an area in which a drawing operation for displaying a web page on the display unit is performed. By minimizing the processing time, the processing time required to generate a web page for display on the display from the source code of the web page is reduced, and the web page display can be improved even when the user's scrolling operation is continuously input. There is an advantage to that.

1 is a block diagram of a mobile terminal device according to the present invention.
2 is an exemplary view for explaining a webpage area displayed on a mobile terminal device according to the present invention.
3A to 3C are exemplary views illustrating a web page display method in a mobile terminal device according to the present invention.
4A to 4D are exemplary views illustrating a web page display method in a mobile terminal device according to the present invention.
5 is a flowchart illustrating a web page display method in a mobile terminal device according to the present invention.
6 is a flowchart illustrating a web page display method in a mobile terminal device according to the present invention.

Hereinafter, a mobile terminal device according to the present invention will be described in detail with reference to the drawings. The suffixes "module" and "unit" for components described in the following description are given or mixed in consideration of ease of specification, and do not have distinct meanings or roles from each other.

The mobile terminal device described herein may include a mobile phone, a smart phone, a laptop computer, a digital broadcasting terminal, a personal digital assistant (PDA), a portable multimedia player (PMP), navigation, and the like.

However, it will be readily apparent to those skilled in the art that the configuration according to the embodiments described herein may also be applied to fixed terminal devices such as digital TVs, desktop computers, etc., except when applicable only to mobile terminal devices.

1 is a block diagram of a mobile terminal device according to the present invention.

The mobile terminal device 100 includes a wireless communication unit 110, a user input unit 120, a sensing unit 130, a display unit 140, a memory 150, and a controller 160. Since the components shown in FIG. 1 are not essential, a mobile terminal device having more or fewer components may be implemented.

Hereinafter, the components will be described in order.

The wireless communication unit 110 may include one or more modules that enable wireless communication between the mobile terminal device 100 and the wireless communication system or between the mobile terminal device 100 and a network in which the mobile terminal device 100 is located. . For example, the wireless communication unit 110 may include a mobile communication module, a wireless internet module and a short range communication module.

The mobile communication module transmits and receives a radio signal with at least one of a base station, an external terminal, and a server on a mobile communication network. The wireless signal may include various types of data depending on a voice call signal, a video call signal or a text / multimedia message transmission / reception.

The wireless internet module refers to a module for wireless internet access and may be embedded or external to the mobile terminal device 100. Wireless Internet technologies may include Wireless LAN (Wi-Fi), Wireless Broadband (Wibro), World Interoperability for Microwave Access (Wimax), High Speed Downlink Packet Access (HSDPA), and the like.

The short range communication module refers to a module for short range communication. Bluetooth, Radio Frequency Identification (RFID), infrared data association (IrDA), Ultra Wideband (UWB), ZigBee, and the like can be used as a short range communication technology.

When the web access menu is selected according to a user command, the web page may be accessed through the wireless internet module according to the address of the selected web page. That is, the controller 160 transmits the uniform resource locator (URL) of the web page selected by the user command to the web server through the wireless communication unit 110, and transmits the source code of the selected web page from the web server to the wireless communication unit 110. To receive). The source code may be in the form of hypertext markup language (HTML). The URL of a web page may be entered directly by the user, or may be entered by selecting a link of a web page desired by the user in a bookmark or another web page.

The user input unit 120 generates input data for a user to control operation of the terminal. The user input unit 120 may include a key pad dome switch, a touch pad (static pressure / capacitance), a jog wheel, a jog switch, and the like.

The sensing unit 130 may be a mobile terminal device 100 such as an open / closed state of the mobile terminal device 100, a location of the mobile terminal device 100, presence or absence of a user contact, orientation of the mobile terminal device, acceleration / deceleration of the mobile terminal device, and the like. A sensing signal for controlling the operation of the mobile terminal device 100 by detecting the current state of the mobile terminal device 100 is generated. For example, when the mobile terminal device 100 is in the form of a slide phone, it may sense whether the slide phone is opened or closed. Meanwhile, the sensing unit 130 may include a proximity sensor and a touch sensor.

The display unit 140 displays (outputs) information processed by the mobile terminal device 100. For example, when a mobile terminal device is in a call mode, a UI (User Interface) or GUI (Graphic User Interface) related to a call is displayed, and when a web connection is made according to a user command, a web page corresponding to a URL input by a user May be displayed. When the mobile terminal device 100 is in a video call mode or a photographing mode, the mobile terminal device 100 displays a photographed and / or received image, a UI, or a GUI.

The display unit 140 includes a liquid crystal display (LCD), a thin film transistor-liquid crystal display (TFT LCD), an organic light-emitting diode (OLED), and a flexible display (flexible). and at least one of a 3D display.

Some of these displays may be transparent or light transmissive so that they can be seen through. This can be referred to as a transparent display, and a typical example of the transparent display is TOLED (Transparent OLED) and the like. The rear structure of the display unit 140 may also be configured as a light transmissive structure. With this structure, the user can see the object located behind the terminal body through the area occupied by the display unit 140 of the terminal body.

There may be two or more display units 140 according to the implementation form of the mobile terminal device 100. For example, a plurality of display units may be spaced apart or integrally disposed on one surface of the mobile terminal device 100, or may be disposed on different surfaces.

When the display unit 140 and a sensor for detecting a touch operation (hereinafter, referred to as a touch sensor) form a mutual layer structure (hereinafter referred to as a touch screen), the display unit 140 may be configured in addition to an output device. Can also be used as an input device. The touch sensor may have the form of, for example, a touch film, a touch sheet, a touch pad, or the like.

The touch sensor may be configured to convert a change in pressure applied to a specific portion of the display unit 140 or capacitance generated at a specific portion of the display unit 140 into an electrical input signal. The touch sensor can be configured to detect not only the position and area to be touched but also the pressure at the time of touch.

If there is a touch input to the touch sensor, the corresponding signal (s) is sent to the touch controller. The touch controller processes the signal (s) and then transmits the corresponding data to the controller 160. Accordingly, the control unit 160 can know which area of the display unit 140 is touched or the like.

Referring to FIG. 1, a proximity sensor may be disposed in an inner region of the mobile terminal device surrounded by the touch screen or near the touch screen. The proximity sensor refers to a sensor that detects the presence or absence of an object approaching a predetermined detection surface or a nearby object without mechanical contact using the force of an electromagnetic field or infrared rays. The proximity sensor has a longer life span than the contact sensor and its utilization is also high.

Examples of the proximity sensor include a transmission photoelectric sensor, a direct reflection photoelectric sensor, a mirror reflection photoelectric sensor, a high frequency oscillation proximity sensor, a capacitive proximity sensor, a magnetic proximity sensor, and an infrared proximity sensor. And to detect the proximity of the pointer by the change of the electric field along the proximity of the pointer when the touch screen is electrostatic. In this case, the touch screen (touch sensor) may be classified as a proximity sensor.

The memory 150 may store a program for the operation of the controller 160 and may temporarily store input / output data (for example, a web page image, a phone book, a message, a still image, a video, etc.). In addition, when accessing a web according to a user command, the web page source code received through the wireless communication unit 110 may be stored. The memory 150 may store data regarding vibration and sound of various patterns output when a touch input on the touch screen is performed.

The memory 150 may be a flash memory type, a hard disk type, a multimedia card micro type, a card type memory (for example, SD or XD memory), RAM Random Access Memory (RAM), Static Random Access Memory (SRAM), Read-Only Memory (ROM), Electrically Erasable Programmable Read-Only Memory (EEPROM), Programmable Read-Only Memory (PROM), Magnetic Memory, Magnetic At least one type of storage medium may be included. The mobile terminal device 100 may operate in association with a web storage that performs a storage function of the memory 150 on the Internet.

The mobile terminal device 100 according to the present invention may include an output buffer 151 for storing a temporary layout image generated by drawing according to a source code of a web page when a web is connected according to a user command. The output buffer 151 may be implemented as one of memory areas in which the input / output data is temporarily stored. The temporary layout image may be an image file corresponding to a partial region of a desktop-based web page. The temporary layout image may be temporarily stored because the temporary layout image is continuously changed and stored by an update of a web page, a user's input of a scrolling operation, and the like. It is stored in the memory area. The temporary layout image will be described in detail with reference to FIG. 2.

The controller 160 typically controls the overall operation of the mobile terminal device. For example, voice communication, data communication, video communication, and the like. The controller 160 may include a multimedia module for playing multimedia. The multimedia module may be implemented in the controller 160 or may be implemented separately from the controller 160. The controller 160 may perform a pattern recognition process for recognizing a writing input or a drawing input performed on the touch screen as text and an image, respectively.

When the mobile terminal device 100 accesses the web according to a user command, the controller 160 generates a temporary layout image by performing a drawing operation according to the source code of the web page received through the wireless communication unit 110. For example, the drawing operation refers to a process of generating an image file by arranging text, an image, etc. according to an attribute specified in a cascading style sheet (CSS) of an HTML document which is source code. The drawing operation is similar to an image processing operation including parsing and rendering of the HTML document. As the drawing operation is performed, an image file including the same contents as a desktop-based web page may be generated. The generated image file will be referred to as the temporary layout image. As described above, the temporary layout image is temporarily stored in the output buffer 151, and continuously changed and updated. The temporary layout image may be smaller than the desktop-based webpage, larger than a display area of the display 140 (for example, a screen size of the LCD), and may be generated in a display area of the display 140. It may be generated as an image having the same ratio as the aspect ratio. In outputting the web page requested by the user to the display unit 140, the controller 160 controls to copy a portion of the temporary layout image (part corresponding to the display area) to display on the display unit 140.

On the other hand, when the temporary layout image is updated and stored, when the drawing operation is performed on the entire temporary layout image again, the time required for rendering may be increased. Therefore, the mobile terminal device 100 according to the present invention, the control unit 160 determines the invalidated area generated by the update of the web page or the user's screen movement operation input, and only partially for the invalidated area By performing the drawing operation again, the time required for rendering and the like can be reduced. The invalidated area means an updated predetermined area (for example, text or an image that is periodically changed in the web page) when the corresponding web page is updated, and should be displayed on the display unit 140 by a user's scrolling operation. It means the area of the webpage before the change that occurs when the webpage is changed.

2 is an exemplary view for explaining a webpage area displayed on a mobile terminal device according to the present invention.

Referring to FIG. 2, reference numeral 210 denotes a desktop-based web page, and reference numeral 230 denotes a display area displayed on the display unit 140 of the mobile terminal device 100 according to the present invention. Since the display unit 140 of the mobile terminal device 100 is smaller in size and has a lower resolution than the desktop-based display device, the size difference between the desktop-based web page 210 and the display area 230 of the display unit is considerable. Do. Therefore, the user inputs a scrolling operation such as scrolling, touching and dragging, or flicking to move the scroll bar to access the webpage 210 area located outside the display area. . When the display area 230 is moved by such a screen moving operation, a drawing operation for displaying a web page of an area corresponding to the moved display area on the display 140 must be performed. As described above, in order to reduce the time required for the drawing operation, an output buffer 151 is generated by generating an image file smaller than the desktop-based web page 210 and larger than the display area 230 of the display 140. Is stored temporarily), the image file is a temporary layout image. Reference numeral 220 denotes an area of a webpage included in the temporary layout image, and the temporary layout image includes a part of the desktop-based webpage. The temporary layout image is stored in the output buffer 151 which is a temporary storage area because, for example, when the display area 230 is moved, a case where a new generated and updated storage is continuously generated occurs. The controller 160 controls to copy a portion of the temporary layout image stored as an image file and display the image as it is on the display unit 140 by drawing, so that the web page of the URL corresponding to the user's command is displayed in the display unit ( 140). On the other hand, in the case where the temporary layout image needs to be updated and stored again by updating the corresponding web page or inputting a user's scrolling operation, the controller 160 determines that the entire area 220 of the temporary layout image is updated. Instead, the drawing operation is re-executed only in the region where the change occurs (that is, the invalidated region). Hereinafter, the partial drawing operation re-execution process will be described in detail.

3A to 3C are exemplary views illustrating a web page display method in a mobile terminal device according to the present invention.

3A to 3C are exemplary views for explaining a case where an invalidated area occurs as a partial area of a web page displayed on the mobile terminal device 100 is updated.

3A to 3C, the temporary layout image 320 and the display areas 330, 340, and 350 of the display 140 are illustrated. Reference numerals 331, 341, 343, 351, and 353 denote invalidated areas generated in the temporary layout image.

The controller 160 determines whether an invalidated region occurs. The controller 160 may separately set the minimum merge areas 345 and 355 in addition to the invalidated area. In this case, the minimum merge area means a minimum area set to include all invalidated areas. 3A, when the invalidated region 331 is one, the invalidated region and the minimum merged region are the same, and as shown in FIGS. 3B and 3C, when the invalidated region is plural, The invalidated region and the minimum merge region are set differently.

The controller 160 selectively re-draws each of the invalidated regions or the minimum merged regions, and determines whether the invalidated regions overlap each other in order to determine a region to be re-painted.

As a result of the determination, when the invalidated regions do not overlap as shown in FIG. 3A or 3B, the controller 160 redraws each of the invalidated regions. In FIG. 3A, since there is only one invalidated region, the drawing operation is performed again on the invalidated region 331. In the case where there are a plurality of invalidated regions as shown in FIG. 3B, since the total of each invalidated region 341 + 343 is formed smaller than the minimum merge region 345, a drawing operation for each invalidated region is performed. It is desirable to re-run. The temporary layout image generated accordingly is updated and stored in the output buffer 151.

As a result of the determination, as shown in FIG. 3C, when the invalidated regions are formed to overlap each other, the controller 160 re-draws the minimum merged region 355. In this case, since the sum 351 + 353 of each invalidated area is formed to be larger than the minimum merge area 355, it is preferable to redo the drawing operation on the minimum merge area. The temporary layout image generated accordingly is updated and stored in the output buffer 151. As described above, the mobile terminal apparatus 100 according to the present invention can reduce the time required for the drawing operation by minimizing the area in which the drawing operation is performed again.

4A to 4D are exemplary views illustrating a web page display method in a mobile terminal device according to the present invention.

4A to 4D are exemplary views for explaining a case where an invalidated area is generated in a temporary layout image by a user's scrolling operation.

4A through 4D, desktop-based web pages 410, temporary layout images 420 and 420-1, and display regions 430 and 440 of the display unit 140 are illustrated. Reference numeral 423 denotes an invalidated region, and reference numeral 425 denotes an area newly included in the temporary layout image 420-1 generated by the re-execution of the drawing operation.

Referring to FIG. 4A, the temporary layout image 420 may be divided into a plurality of cells and stored in the output buffer 151. The cells are arranged in an m * n form to form a temporary layout image 420. Each plurality of cells may be assigned cell information for identifying a cell. For example, the cell information may be set in the form of 'Cmn' to include a row number and a column number. That is, a cell having cell information of C12 means a cell corresponding to the first row and the second column. The cell information may be set in various forms.

The controller 160 sets a reference cell when the temporary layout image 420 is divided into a plurality of cells and stored. The reference cell may be set to a cell C11 at the upper left of the plurality of cells of the temporary layout image 420, and the controller 160 may be a vertex at the upper left of the display area 430 of the display 140. The temporary layout image 420 is generated to be located in the reference cell.

4B to 4D, when the display area 430 is moved by an input of a user's scrolling operation, the temporary layout of the upper left corner of the moved display area 440 is located in the reference cell. Generate image 420-1.

In FIG. 4C, when the display area 440 of the display unit 140 is moved by the input of the scroll operation, the controller 160 moves the cell 421 at which the upper left corner of the moved display area 440 is located. Change to reference cell and set. As the reference cell is changed, an area 423 (that is, an area including C11, C12, C13, C14, C21, C22, and C23) is generated in the temporary layout image 420. The controller 160 determines the cell information and the number of cells of the invalidated area 423 and partially redraws the drawing information according to the changed reference cell and the determined cell information and the number of cells.

Referring to FIG. 4D, a temporary layout image 420-1 generated according to the re-execution of the drawing operation is illustrated. As shown in Fig. 4D, the drawing operation is re-executed only for an area including C14, C24, C34, C44, C41, C42, and C43 to which cell information is newly allocated. The controller 160 updates and stores the newly created temporary layout image 420-1 in the output buffer 151. As described above, the controller 160 of the mobile terminal apparatus 100 according to the present invention determines the invalidated area generated according to the movement of the display area, and draws only a part of a plurality of cells included in the temporary layout image. Will be rerun.

5 is a flowchart illustrating a web page display method in a mobile terminal device according to the present invention. The web page display method of the mobile terminal apparatus according to FIG. 5 is preferably applied when a region invalidated by the update of the web page itself occurs.

Referring to FIG. 5, when a web access menu is selected by a user command, the controller 160 of the mobile terminal device 100 according to the present invention wirelessly performs a uniform resource locator (URL) of a web page selected by a user command. Transmission to the web server through the communication unit 110, and receives the source code of the selected web page from the web server through the wireless communication unit 110 (S110).

The controller 160 generates a temporary layout image by performing a drawing operation according to the source code received through the wireless communication unit 110, and stores the generated temporary layout image in the output buffer 151 (S120). The temporary layout image may be an image file including some contents of a desktop-based web page.

The controller 160 controls to display a part of the temporary layout image stored in the step S120 on the display unit 140 so as to correspond to the display area of the display unit 140 (S130).

Next, the controller 160 determines whether an invalidated region occurs in the temporary layout image (S140).

As a result of the determination in step S140, when the invalidated region occurs, the controller 160 determines whether the invalidated regions overlap (S150).

As a result of the determination in step S150, when the invalidated areas overlap, the controller 160 re-draws the minimum merged area (S160). As described above, the minimum merge area means a minimum area that is set to include all invalidated areas.

As a result of the determination in step S150, when the invalidated regions do not overlap, the controller 160 draws each invalidated region (or the corresponding invalidated region when the invalidated region is one). Redo (S170). The determination of whether the invalidated regions overlap in step S150 is for minimizing the region to be repainted.

Finally, the controller 160 updates and stores the temporary layout image generated by performing the drawing operation again in the steps S160 and S170 in the output buffer 151 (S180).

6 is a flowchart illustrating a web page display method in a mobile terminal device according to the present invention.

Referring to FIG. 6, when a web access menu is selected by a user command, the controller 160 of the mobile terminal device 100 according to the present invention wirelessly performs a uniform resource locator (URL) of a web page selected by a user command. Transmission to the web server through the communication unit 110, and receives the source code of the selected web page from the web server through the wireless communication unit 110 (S210).

The controller 160 generates a temporary layout image by performing a drawing operation according to the source code received through the wireless communication unit 110 (S220). The temporary layout image may be an image file including some contents of a desktop-based web page.

Next, the controller 160 divides the temporary layout image generated in the step S220 into a plurality of cells and stores them in the output buffer 151 (S230). The plurality of cells are arranged in the form of m * n to form a temporary layout image of a rectangular shape. Each plurality of cells may be assigned cell information for identifying a cell.

The controller 160 displays a part of the temporary layout image on the display 140 so as to correspond to the display area of the display 140 (S240).

The controller 160 determines whether an invalidated region occurs in the temporary layout image (S250). The invalidated area may be generated by updating a web page itself or inputting a scroll operation by a user.

As a result of the determination in step S250, when the invalidated region occurs, the controller 160 determines whether a screen movement operation by a user is input (S260).

As a result of the determination in step S260, when a screen movement operation by a user is input, the controller 160 changes and sets the reference cell (S261). The reference cell may be set to a cell on the upper left side of a plurality of cells forming the temporary layout image, and the control unit 160 locates a vertex at the upper left of the display area of the display unit 140 in the reference cell. Create a temporary layout image. Therefore, when the display area is moved as the screen movement operation by the user is input, the reference cell should naturally be changed and set.

As the reference cell is changed in step S261, the controller 160 generates an invalidated area in the temporary layout image. The vertex of the upper left corner of the display area is positioned in the reference cell changed in step S261 to determine cell information of the invalidated area generated in the temporary layout image. The controller 160 determines the cell information, the number of cells, etc. of the cell corresponding to the invalidated region (S263).

Next, the control unit 160 partially redraws the drawing operation according to the reference cell changed in step S261 and the cell information determined in step S263 to generate a new temporary layout image (S265). As described above, the web page display method of the mobile terminal device according to the present invention determines the invalidated area generated in accordance with the movement of the display area by the user's screen movement operation, and selects among the plurality of cells included in the temporary layout image. Since only a part of the drawing operation is performed again, the time required for drawing can be reduced.

As a result of the determination in step S260, when the screen movement operation by the user is not input, the controller 160 performs drawing operation on the cell corresponding to the invalidated area (S267). On the other hand, if the screen movement operation by the user is not input, it means that a region that is invalidated by the update of the web page itself, the step S267 may include steps S150 to S170 of FIG.

Finally, the controller 160 updates and stores the temporary layout image generated by re-drawing the drawing operation in the steps S265 and S267 in the output buffer 151 (S270), and corresponds to the display area. A part is controlled to be displayed on the display unit 140.

While the invention has been shown and described with reference to certain preferred embodiments thereof, it will be understood by those skilled in the art that various changes and modifications may be made without departing from the spirit and scope of the invention as defined by the appended claims. Accordingly, the scope of protection of the present invention should be determined by the following claims, as well as equivalents thereof.

100: mobile terminal device 110: wireless communication unit
120: user input unit 130: sensing unit
140: display unit 150: memory
151: output buffer 160: control unit

Claims (18)

A display unit;
An output buffer for storing a first temporary layout image generated by drawing processing according to source code of a web page; And
A portion of the first temporary layout image is controlled to be displayed on the display unit so as to correspond to a display area of the display unit, and when an invalidated area occurs in the first temporary layout image, the first temporary layout image is displayed in the first temporary layout image. And a control unit which controls to update and store, in the output buffer, a second temporary layout image generated by partially rerunning the drawing operation.
The invalidated area is,
And an area of the first temporary layout image which is out of the display area by an update area of the webpage or a user's scrolling operation.
The method of claim 1,
The control unit,
And when the invalidated area is an update area of the web page, setting an area in which the drawing operation is to be performed again according to whether the invalidated area overlaps.
The method of claim 2,
The control unit,
And when the invalidated areas overlap, setting the minimum merged area including all of the invalidated areas as an area for redrawing the drawing operation.
The method of claim 2,
The control unit,
And when the invalidated areas do not overlap, setting the invalidated area as an area to re-execute the drawing operation.
The method of claim 1,
The first temporary layout image or the second temporary layout image,
Divided into a plurality of cells and stored in the output buffer,
The control unit,
The first terminal layout image or the second temporary layout image is generated such that a top left cell of the plurality of cells is set as a reference cell and a vertex on the top left of the display area is located in the reference cell.
The method of claim 5,
The control unit,
When the invalidated area is generated in the first temporary layout image by the screen movement operation of the user, the reference cell is changed and set, and the drawing is performed using cell information corresponding to the invalidated area and the changed set reference cell. A mobile terminal device for setting an area for reworking work.
7. The method according to claim 1 or 6,
The scrolling operation,
The mobile terminal device is any one of scrolling, touching and dragging, or flicking with respect to the display unit.
The method of claim 1,
The mobile terminal device further comprises a wireless communication unit for providing an interface for receiving the source code of the web page.
(a) receiving a source code of a web page through a wireless communication unit;
(b) performing a drawing operation according to the source code to generate a first temporary layout image and storing the first temporary layout image in an output buffer;
(c) displaying a part of the first temporary layout image on the display unit so as to correspond to the display area of the display unit; And
(d) in the case where the invalidated region occurs in the first temporary layout image, updating and storing the second temporary layout image generated by partially re-drawing the drawing operation on the first temporary layout image in the output buffer. Web page display method of a mobile terminal device comprising.
10. The method of claim 9,
The invalidated area is,
And a partial area of the first temporary layout image leaving the display area by an update area of the web page or a user's scrolling operation.
The method of claim 10,
The step (d)
(g) if the invalidated area is an update area of the web page, determining whether the invalidated area overlaps;
(h) setting an area to re-execute the drawing operation according to the determination result of step (g); And
and (i) updating and storing, in the output buffer, a second temporary layout image generated by performing the drawing operation on the area set in the step (h).
The method of claim 11,
In step (h),
And (g) when the invalidated areas overlap, setting the minimum merged area including all of the invalidated areas as an area for redrawing the drawing operation.
The method of claim 11,
In step (h),
If the invalidated areas do not overlap as a result of the determination in step (g), the web page display method of the mobile terminal device to set the invalidated area as the area to be re-executed.
10. The method of claim 9,
The first temporary layout image or the second temporary layout image,
A web page display method of a mobile terminal device which is divided into a plurality of cells and stored.
15. The method of claim 14,
The step (d)
(l) setting a cell on the upper left side of the plurality of cells as a reference cell;
(m) changing the reference cell when a user's screen movement operation is input;
(n) determining cell information of the invalidated area generated in the first temporary layout image by the user's scrolling operation; And
and (o) updating and storing the second temporary layout image generated by performing the drawing operation again using the reference cell changed in step (m) and the cell information determined in step (n). How to display your web page.
16. The method of claim 15,
In step (n),
By positioning the vertex of the upper left of the display area in the reference cell changed in the step (m) by the user's scrolling operation, the partial area of the first temporary layout image outside the display area is invalidated. A web page display method of a mobile terminal device, which is set to an area and determines cell information of the invalidated area.
17. The method according to claim 15 or 16,
The cell information,
And a position and number of cells of the invalidated area.
17. The method according to claim 15 or 16,
The scrolling operation,
The web page display method of the mobile terminal device which is any one of scrolling, touch and drag or flicking to the display unit.

Images