WO2016182328A1 - 컨텐츠 표시 제어 방법 및 컨텐츠 표시 제어 방법을 수행하는 사용자 단말 - Google Patents

컨텐츠 표시 제어 방법 및 컨텐츠 표시 제어 방법을 수행하는 사용자 단말 Download PDF

Info

Publication number
WO2016182328A1
WO2016182328A1 PCT/KR2016/004909 KR2016004909W WO2016182328A1 WO 2016182328 A1 WO2016182328 A1 WO 2016182328A1 KR 2016004909 W KR2016004909 W KR 2016004909W WO 2016182328 A1 WO2016182328 A1 WO 2016182328A1
Authority
WO
WIPO (PCT)
Prior art keywords
content
screen
text
control condition
user terminal
Prior art date
Application number
PCT/KR2016/004909
Other languages
English (en)
French (fr)
Inventor
고승현
이슬아
김영수
Original Assignee
주식회사 카카오
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by 주식회사 카카오 filed Critical 주식회사 카카오
Priority to JP2017559393A priority Critical patent/JP6563522B2/ja
Priority to US15/573,130 priority patent/US10795564B2/en
Publication of WO2016182328A1 publication Critical patent/WO2016182328A1/ko

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485—Scrolling or panning
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text

Definitions

  • the present invention relates to a content display control method and a user terminal for performing the method, and more particularly, to a method and apparatus for variously controlling the content displayed on the screen according to the scroll of the user.
  • the user can access numerous documents such as web pages through the Internet to obtain necessary information.
  • the document may include multimedia content such as an image, a video, and a graph, and may include text describing the content.
  • the length of the document may be much longer than the vertical length of the display.
  • the content and the text describing the content may not be simultaneously displayed on the screen. Then, the user may feel inconvenient to check the contents and the text while inputting the scroll up or down.
  • the user Because the user is forced to linearly scroll the content included in the document and the text describing the content, the user has to scroll repeatedly to check the multimedia content and the text describing the content in the document. In addition, even if the user scrolls repeatedly, there may be a case in which content and text cannot be simultaneously displayed on the screen.
  • the present invention provides a method and apparatus for viewing content and text at a time by fixing the content corresponding to the text in a specific area of the screen as the user scrolls.
  • the contents are fixed on the screen until the user reads the text while scrolling, and when the text is read, the contents are automatically unlocked on the screen to disappear according to the scroll.
  • a method and apparatus for displaying related content and text on a screen at a time are provided.
  • the content and the text related to each other on the screen currently being viewed to the user are displayed by unlocking the content and displaying other contents related to the text.
  • a content display control method performed by a user terminal includes determining whether content satisfies a first control condition by scrolling a screen of the user terminal; Fixing the content to the screen when the first control condition is satisfied; Moving the text corresponding to the content according to scrolling on the screen after the content is fixed to the screen; Determining whether the text corresponding to the content satisfies a second control condition according to the movement of the text; And if the second control condition is satisfied, fixing the content.
  • an area to display the content on the screen may be reduced or the content may automatically disappear from the screen.
  • the text corresponding to the content may be text associated with the content by analyzing at least one content and at least one text included in the document.
  • the determining of whether the first control condition is satisfied may include determining that the content satisfies the first control condition when the start portion of the content is located in the first specific area of the screen according to the scrolling of the screen. And determining whether the second control condition is satisfied, wherein the last portion of the text corresponding to the content is displayed as a second part of the screen according to the scrolling of the additionally input screen after the content is fixed to the screen. When located in a specific area, it may be determined that the content satisfies the second control condition.
  • the determining of whether the first control condition is satisfied may include: when the start portion of the text corresponding to the content is located in the first specific area of the screen according to the scrolling of the screen, the content is the first control condition. And determining whether the second control condition is satisfied or not, after the content is fixed to the screen, the last portion of the text corresponding to the content is scrolled according to scrolling on the additionally input screen. When located in a second specific area of the screen, it may be determined that the content satisfies the second control condition.
  • the determining of whether the first control condition is satisfied may include determining that the content satisfies the first control condition when the link of the content displayed in the text corresponding to the content is selected, and wherein the second control condition is determined. Determining whether the content is satisfied, if the last portion of the text corresponding to the content is located in a specific area of the screen according to the scrolling to the additional input screen after the content is fixed to the screen, the content is It may be determined that the second control condition is satisfied.
  • the determining of whether the first control condition is satisfied may include determining that the content satisfies the first control condition when the last part of the first text matches the last part of the content corresponding to the second text.
  • the determining of whether the first control condition is satisfied may include: at the beginning of the content corresponding to the second text, the beginning of the second text spaced apart from the first text by a blank area according to the additional scrolling of the screen. If it matches with, it may be determined that the content satisfies the second control condition.
  • the fixing of the content on the screen may change a representation form of the content or highlight a portion related to the content in the text corresponding to the content.
  • the fixing of the content on the screen may display the text corresponding to the content so as not to cover the content according to the additionally input scroll until the content satisfies the second control condition.
  • Content display control method performed by the user terminal comprises the steps of identifying at least one content and text included in the document; Adding a tag corresponding to the content to a code of a document; Setting a style associated with fixing of content to the tag; Determining a scroll value by measuring a scroll generated on a screen of the user terminal; Determining the content corresponding to the tag by comparing the determined scroll value with a position corresponding to the length of the content identified in the document; Fixing content corresponding to a tag to a screen of the user terminal; Determining a length of content fixed to a screen as the scroll value changes after the content is fixed; And fixing the content on the screen in consideration of the length of the content.
  • the text may be displayed so as not to cover the fixed content according to the additionally input scroll until the content is released.
  • the fixing of the content may include changing a presentation form of the content or highlighting a part related to the content in the text corresponding to the content.
  • the scroll value indicates how much the scroll has progressed at the end of the screen, and the length of the content may be determined by excluding the scroll value from a position corresponding to the length of the content.
  • a user terminal includes a processor configured to determine whether content satisfies a first control condition or a second control condition according to scrolling of a screen; And a display for fixing the content to the screen or releasing the content from the screen according to a command of the processor, wherein the processor transmits a command to the display to fix the content to the display when the content satisfies a first control condition. If the text corresponding to the content satisfies the second control condition by moving the text corresponding to the content according to the scroll of the screen after the content is fixed to the screen, a command for releasing the fixed content to the screen is fixed. You can pass it to the display.
  • a user terminal identifies at least one content and text included in a document, adds a tag corresponding to the content to a code of a document, and sets a style related to fixing of the content to the tag. And determining a scroll value by measuring a scroll occurring on a screen of the user terminal, and determining a content corresponding to the tag by comparing the determined scroll value with a position corresponding to the length of the content identified in the document, Fix the content corresponding to the tag on the screen of the user terminal, determine the length of the content fixed to the screen as the scroll value changes after the content is fixed, the content in consideration of the length of the content A processor that releases from the screen; And a display for fixing or releasing the contents according to the instructions of the processor.
  • the content and the text can be viewed at a time by fixing the content corresponding to the text in a specific area of the screen as the user scrolls.
  • the user when the text displayed on the screen is irrelevant to the content fixed on the screen according to the scrolling of the user, by unfreezing the content and displaying other contents related to the text, the user is viewing each other on the screen currently being viewed. Make relevant content and text visible at once.
  • the content is fixed on the screen until the user reads all the text while scrolling, and when the text is read, the screen is automatically unlocked to the scroll. By disappearing, the content and text related to each other can be displayed on the screen at once.
  • FIG. 1 is a flowchart illustrating a content display control method according to an exemplary embodiment.
  • FIG. 2 is a diagram illustrating a content display control method according to a first embodiment.
  • FIG. 3 is a diagram illustrating a content display control method according to a first embodiment.
  • FIG. 4 is a diagram illustrating a content display control method according to a second embodiment.
  • FIG. 5 is a diagram illustrating a content display control method according to a third embodiment.
  • FIG. 6 is a diagram illustrating a content display control method according to a fourth embodiment.
  • FIG. 7 is a diagram illustrating a content display control method according to a fifth embodiment.
  • FIG. 8 is a diagram illustrating a content display control method according to a sixth embodiment.
  • FIG. 9 illustrates a first source code associated with a content display control method according to an exemplary embodiment.
  • FIG. 10 illustrates a second source code associated with a content display control method, according to an exemplary embodiment.
  • FIG. 1 is a flowchart illustrating a content display control method according to an exemplary embodiment.
  • Content display control method may be performed in a user terminal for loading and displaying a document such as a web page.
  • the document may include multimedia content such as an image, a video, and a graph, and text describing the content.
  • multimedia content such as an image, a video, and a graph
  • text describing the content At this time, the content and the text related to the content in the document may be present in a continuous position with each other or at a distance apart from each other.
  • the user terminal may recognize scrolling on the screen.
  • the scrolling is when the user touches the screen directly and drags in a predetermined direction, when the scroll bar displayed on the screen is operated in a predetermined direction, when the user drags in a predetermined direction from an input device such as a pad, or an input device such as a mouse. In the case of manipulating the wheel, it may mean.
  • the scrolling on the screen may include any type of operation for the user to identify some areas of the document displayed on the screen.
  • the scroll for the screen may be input upward or downward relative to the screen.
  • the scroll value may change according to the scrolling of the screen performed by the user. For example, the scroll value is initialized to zero when the document is first loaded. And, if the scroll up for the screen is input, the scroll value for the screen is increased, if the scroll down for the screen is input, the scroll value for the screen may be decreased.
  • the user terminal may determine whether the content satisfies the control condition by comparing the scroll value determined according to the scroll on the screen with the position of the content included in the document.
  • scrolling on the screen when the document is in a vertically long form, scrolling on the screen may be applied up or down of the screen. However, when the document is horizontally long, the scrolling on the screen may be applied left and right. That is, the embodiment of the present invention may be applied to both the case where the length of the document is longer than the length of the display disposed on the user terminal, or when the length of the document is longer than the width of the display disposed on the user terminal. have.
  • the user terminal may be displayed on the screen of the display currently equipped on the user terminal by dragging the screen, manipulating a scroll bar displayed on the screen, dragging from an input device such as a pad, or manipulating a wheel from an input device such as a mouse. Allows you to identify some areas of the document that are not displayed.
  • the user terminal may determine whether the content satisfies the first control condition according to scrolling of the screen.
  • the first control condition means whether the start of the content or the start of the text corresponding to the content is located in the first specific area of the screen.
  • step 103 the user terminal may continue to move the document view on the screen in response to scrolling to the screen.
  • the user terminal may fix the content to the screen.
  • fixing the content to the screen means that the view of the remaining components of the document except the fixed content is moved even if a scroll on the screen is additionally input.
  • the user terminal when the content is fixed on the screen, the user terminal may be displayed on the screen by changing the size of the content. Or, if the content is fixed on the screen, the user terminal changes the expression form (eg, font, color, shape, etc.) of the content to inform the user that the content is fixed on the screen, or for a part directly related to the content in the text. It can give an emphasis.
  • the expression form eg, font, color, shape, etc.
  • the color expressed in a specific portion of the content may change according to the content of the text.
  • the color expressed in a specific part of the content may also change.
  • the user terminal may express that the content is fixed on the screen by assigning a special effect to the content or by emphasizing the highlight.
  • the user terminal may highlight all or part of the text related to the content, thereby emphasizing the text corresponding to the content.
  • the user terminal may determine whether the text related to the content satisfies the second control condition according to scrolling on the screen.
  • the text may be configured to describe the content.
  • the user terminal may indicate that the text and the content are related to each other by adding a tag related to the content corresponding to the text at a specific position of the text included in the document. This will be described in detail with reference to FIGS. 9 to 10.
  • the user terminal may map text for each content expressed in the document and store the text in the server. Then, the user terminal may call the content mapped to the text in the server in accordance with the scrolling on the screen to lock or unlock the screen. The user terminal may separately manage text mapped to the content in response to the content being fixed or released from the screen.
  • the content and the text may be analyzed at the user terminal or the server, respectively, and the content and the text may be connected with each other. Then, when the scrolling of the screen is generated, the user terminal may automatically fix or release the content according to the scroll and separately control the text connected to the content according to the state of the content.
  • the second control condition means whether the last part of the content or the last part of the text corresponding to the content is located in the second specific area of the screen.
  • the second specific area of the screen related to the second control condition may be the same as or different from the first specific area of the screen related to the first control condition.
  • the user terminal may release the content. Conversely, if the content does not satisfy the second control condition, in step 107 the user terminal may keep the content fixed.
  • the first and last parts mentioned in FIGS. 1 to 8 may be determined differently according to scrolling on the screen.
  • the beginning of the content may mean the upper end of the content.
  • the beginning of the text corresponding to the content may mean the upper end of the text.
  • the last part of the content may mean the bottom end of the content.
  • the last part of the text may mean the bottom end of the text.
  • the beginning of the content may mean the left end of the content.
  • the beginning of the text corresponding to the content may mean the left end of the text.
  • the last part of the content may mean the right end of the content.
  • the last part of the text may mean the right end of the text.
  • first specific area and the second specific area may be defined as follows.
  • the first specific area may mean an area (eg, 2 cm down from the top end) that is spaced downward by a distance from the top end or the top end of the screen.
  • the first specific area means an area (eg, 2 cm from the left end to the right) that is separated by a predetermined distance from the left end or the left end of the screen. can do.
  • the first specific region may mean an area (eg, 2 cm from the right end to the left) that is separated by a predetermined distance from the right end or the right end of the screen.
  • the first specific region may be the same as or different from the second specific region.
  • the second specific area may be located relatively below the first specific area. have.
  • the second specific area may be located on the right side relatively than the first specific area.
  • the second specific area may be located on the left side relatively than the first specific area.
  • FIG. 1 illustrates an operation of one piece of content specified in a document.
  • the document is composed of one or more contents and text corresponding to the contents, after the operation of the operation 107 is completed, the document may be performed again from the operation 101 for other contents.
  • FIG. 1 The first control condition and the second control condition described in FIG. 1 will be described in detail with reference to FIGS. 2 to 8.
  • 2 to 8 illustrate a case where the user terminal is a mobile terminal such as a smartphone.
  • the present invention can be applied to any type of user terminal with a display having a length less than the length of the document.
  • FIG. 2 is a diagram illustrating a content display control method according to a first embodiment.
  • FIGS. 2 and 3 illustrate a method of controlling content display according to a first embodiment, wherein the first control condition means a case where a start portion of content is located in a first specific area of a screen.
  • the second control condition refers to a case in which the last part of the text corresponding to the content is located in the second specific area of the screen.
  • ⁇ A> of FIG. 2 a case in which a user directly touches on a screen expressed through a display of a user terminal to scroll up (UP) with respect to the screen will be described. That is, ⁇ A> of FIG. 2 illustrates a case where a user's scroll is input toward the top of the screen. At this time, if scroll up is inputted to the screen, the document view for the screen may move up. In ⁇ A> of FIG. 2, only the text X is displayed on the screen.
  • ⁇ C> of FIG. 2 illustrates a case where a first control condition indicating whether content is located in a specific area of the screen by scrolling to the screen is satisfied according to an embodiment of the present invention.
  • the first specific area of the screen may mean an upper end of the screen.
  • the upper end of the screen may mean the uppermost part of the display or a position separated by a predetermined distance in the downward direction from the uppermost part of the display.
  • the user terminal can fix the content Y that satisfies the first control condition to the top of the screen. That is, even if scroll up is inputted to the screen after the content Y is fixed to the top of the screen, the user terminal may control the content Y not to move as the user scrolls the screen.
  • the user terminal may control the text Y related to the content Y not to cover the content Y. For example, as shown in ⁇ C> of FIG. 2, the user terminal may provide an effect that the text Y is displayed on a layer below the content Y layer. Then, from the beginning of the text Y to the predetermined area may be covered by the content Y fixed at the top of the screen.
  • the user terminal can unlock the content Y from the screen. Specifically, when the content Y is fixed to the top of the screen and scroll down is input to the screen, if the start of the content Y is outside the first specific area does not satisfy the first control condition. In other words, since the scroll Y is input downward to the screen, the content Y does not satisfy the first control condition because the text Y is not located at the top of the screen due to the text X as shown in FIG. Therefore, when scroll in a direction opposite to the scroll direction when the content Y is fixed on the screen is input and the content Y does not satisfy the first control condition, the user terminal may release the lock on the content Y that has been fixed on the screen. have.
  • the content Y is unlocked and scrolls up again to the screen and the content Y is located at the top of the screen, the content Y again satisfies the first control condition, so the user terminal displays the content Y at the top of the screen.
  • the user may check the text in which the content displayed on the document and the content related to the content are described by moving the document view on the screen through scrolling. Then, after checking the content that the user focuses on the screen as the user scrolls, the content may be fixed to the top of the screen. Further, according to an embodiment of the present invention, the user terminal moves the text related to the content fixed on the screen according to the user's scroll, but controls not to cover the content fixed on the screen, thereby allowing the user to select the content and text on the screen. Check it at once.
  • FIG. 3 is a diagram illustrating a content display control method according to a first embodiment.
  • FIG. 3 illustrates a case in which scrolling up is inputted to the screen after FIG. 2. That is, ⁇ A> of FIG. 3 illustrates a case in which scrolling is input upward with respect to the screen after the content Y is fixed to the top of the screen as shown in ⁇ C> of FIG. 2.
  • the last part of the text Y may be located in the second specific area of the screen.
  • ⁇ B> of FIG. 3 illustrates that when the last part of the text related to the content is located in the second specific area of the screen by scrolling to the screen after the content is fixed to the screen, the content is removed. The case where 2 control conditions are satisfied is shown.
  • the user terminal can release the content Y fixed on the top of the screen from the screen. That is, when the content Y is released from the screen, when a scroll up is input to the screen, the user terminal may control to move the content Y up according to the scroll on the screen. At this time, since the top margin of the screen does not remain, when the content Y moves upward, the area where the content Y is displayed on the screen may be reduced. That is, the length of the content Y displayed on the screen may be reduced. In addition, if the scroll up is continuously input to the screen, the content Y may disappear from the screen.
  • the text Y describing the content Y may be displayed in various ways.
  • the text Y may be controlled to cover the content Y. That is, the user terminal may provide an effect that the text Y is displayed on the layer existing above the layer of the content Y. Then, if scrolling up is continuously inputted to the screen after the content Y is released from the screen, the text Y may cover from the end of the content Y to a predetermined area.
  • the content Y may disappear from the screen by the text Y.
  • text Y may disappear from the screen after content Y disappears from the screen.
  • the text Y may be controlled to push up the content Y. Then, the content Y may be pushed up by the text Y and disappear from the screen.
  • ⁇ C> in FIG. 3 shows the result after the content Y disappears from the screen. If scrolling up is continuously input to the screen, the content Z may move upward along the screen while the start of the content Z may be located in the first specific area of the screen. That is, the beginning of the content Z may touch the top of the screen.
  • the user terminal may fix the content Z to the top of the screen.
  • the user terminal may control the content Z not to move as the user scrolls the screen.
  • the user terminal may control the text Z related to the content Z not to cover the content Z.
  • the user terminal may release the fixed content on the screen to disappear from the screen according to the scroll. Then, after the content that has been fixed on the screen disappears from the screen as the user scrolls, the other content that the user wants to focus on may be fixed on the screen, so that the user may more conveniently view the content that he / she wants to check with the current view. To help.
  • FIG. 4 is a diagram illustrating a content display control method according to a second embodiment.
  • the first control condition for the content refers to a case where the start portion of the text corresponding to the content is located in the first specific area of the screen.
  • the first control condition may be when the scroll moves up, when the beginning of the content is located at the top of the screen, when the scroll moves to the left, when the beginning of the content is located at the left end of the screen, or when the scroll is In the case of moving to the right, the beginning of the content is located at the right end.
  • the content corresponding to the text may satisfy the first control condition.
  • the user terminal may display the content satisfying the first control condition on the top of the screen.
  • the second control condition for the content refers to a case where the last portion of the text corresponding to the content is located in the second specific area of the screen.
  • the content corresponding to the text may satisfy the second control condition. Then, the user terminal may release the content satisfying the second control condition from the screen.
  • the screen is not arranged as a component such as content-text-content-text, but as a component such as text-text. Therefore, when the last portion of the text corresponding to the content is located in the second specific area of the screen may mean that the start portion of the text corresponding to the other content is located in the first specific area.
  • the user terminal may release the content already fixed on the screen and fix other content on the screen.
  • the user terminal may provide a fade-out effect between the contents by causing the previously fixed contents to disappear from the screen and displaying the contents to be fixed later on the screen.
  • ⁇ A> of FIG. 4 illustrates a case in which content is fixed at the top of the screen after scrolling up is input to the screen.
  • the content Y corresponding to the text Y may be fixed to the top of the screen. That is, in FIG. 4, the user terminal may determine whether the content satisfies the first control condition based on whether the start portion of the text corresponding to the content is located in the first specific area of the screen. In this case, if scrolling up is continuously inputted to the screen after the content Y is fixed to the top of the screen, the user terminal may control the text Y related to the content Y not to cover the content Y. This will be described with reference to FIG. 2.
  • the user terminal may determine that the content Y satisfies the second control condition. Accordingly, the user terminal can release the content Y from the top of the screen. At this time, the content Y may disappear right away from the screen while being released from the top of the screen.
  • the user terminal may determine that the content Z satisfies the first control condition. Then, the user terminal can fix the content Z to the top of the screen. At this time, the content Y disappears from the screen while being released from the screen, and the content Z is fixed to the screen.
  • the user terminal fades out the content Y so that it disappears from the screen, and then displays the content Z, thereby releasing the content Y from the top of the screen and at the same time. You can pin Z to the top of the screen.
  • the user terminal controls the text Z related to the content Z not to cover the content Z. can do.
  • the last portion of the text Z may be located in the second specific area of the screen.
  • the beginning of the text W arranged consecutively with the text Z on the screen may be located at a specific position of the screen.
  • the user terminal may determine that the second control condition is satisfied for the content Z. Similarly, the user terminal may determine that the first control condition is satisfied for the content W. FIG.
  • the user terminal can fix the content W to the screen while releasing the content Z from the screen. In response to this, the user terminal may fade out of the screen while the content Z fades out and may display the content W on the top of the screen.
  • the content Y which has been released from the screen may be fixed to the screen again, and the content Z which has been fixed to the screen may be released.
  • the faded-out content Y disappears again as shown in ⁇ A> of FIG. 4. It is displayed at the top and can be fixed to the screen.
  • the content Z fixed to the top of the screen may fade out and disappear from the screen.
  • FIG. 5 is a diagram illustrating a content display control method according to a third embodiment.
  • the first control condition for the content refers to a case where a link of the content displayed in the text corresponding to the content is selected. That is, when a link of the content displayed in the text is selected, the content may satisfy the first control condition. Then, the user terminal may display the content that satisfies the first control condition at the top of the screen.
  • the second control condition for the content refers to a case where the last portion of the text corresponding to the content is located in the second specific area of the screen.
  • the content corresponding to the text may satisfy the second control condition. Then, the user terminal may release the content satisfying the second control condition from the screen.
  • a link may be displayed in the text Y.
  • the text Y may correspond to the content Y
  • the link may mean at least one word among a plurality of words constituting the text Y. If the user selects a link displayed on the text Y, the content Y corresponding to the text Y may be fixed at the top of the screen as shown in FIG. 5. That is, the user selecting the link displayed in the text Y means that the first control condition for the content Y is satisfied. Then, the user terminal may fix the content satisfying the first control condition on the top of the screen.
  • the content Y may be displayed to have a horizontal width smaller than the horizontal width of the screen when displayed on the top of the screen. If content Y is selected as shown in ⁇ B> of FIG. 5, the content Y may be enlarged as shown in ⁇ C> of FIG. 5. In detail, the content Y may be enlarged to have a width equal to a width of the screen.
  • the last part of the text Y when a scroll up is input from the user to the screen, the last part of the text Y may be located in a specific area of the screen. Then, the fact that the last part of the text Y is located in a specific area of the screen means that the content Y corresponding to the text Y satisfies the second control condition. Then, the content Y may be released from the screen and then disappear from the screen.
  • FIG. 6 is a diagram illustrating a content display control method according to a fourth embodiment.
  • the first control condition for the content means that the start of the content is located in the first specific area of the screen.
  • the user terminal may determine that the content satisfies the first control condition. Then, the user terminal may fix the content satisfying the first control condition on the top of the screen.
  • the content fixed to the screen in FIG. 6 may be displayed on the screen in a smaller size than the original size, unlike in FIGS. 2 and 3.
  • the remaining portions except the displayed portion may be adjusted to transparency.
  • the second control condition for the content means that the last part of the text corresponding to the content is located in the second specific area of the screen. After the content is fixed on the screen, if the last part of the text is located in the second specific area of the screen according to scrolling on the screen, the user terminal determines that the content fixed on the screen satisfies the second control condition and displays the content. Can be unlocked at
  • ⁇ A> of FIG. 6 indicates a case where scrolling up is input to a screen. 6 shows a situation in which only text X is displayed on the screen. If scrolling is continuously input to the screen after ⁇ A> of FIG. 6, the content Y disposed below the text X and the text Y corresponding to the content Y may be displayed on the screen as shown in ⁇ B> of FIG. 6. .
  • the beginning of the content Y may touch the top of the screen. Then, the user terminal may determine that the content Y satisfies the first control condition. Accordingly, the user terminal may display the content Y that satisfies the first control condition on the top of the screen. In this case, according to ⁇ C> of FIG. 6, when fixing the content Y to the top of the screen, the user terminal may display the content Y on the screen in a smaller size than the original size of the content Y.
  • the user terminal may control the text Y related to the content Y not to cover the content Y. For example, the user terminal may provide an effect that the text Y is displayed on a layer below the layer of the content Y. Then, from the beginning of the text Y to the predetermined area may be covered by the content Y fixed at the top of the screen.
  • the user terminal may release the content Y from the screen.
  • the user terminal may again fix the content Y to the top of the screen.
  • FIG. 7 is a diagram illustrating a content display control method according to a fifth embodiment.
  • the first control condition means a case where a start portion of text corresponding to content is located in a first specific area of a screen.
  • the second control condition refers to a case in which the last part of the text corresponding to the content is located in the second specific area of the screen.
  • the first specific region corresponding to the first control condition and the second specific region corresponding to the second control condition may be the same as or different from each other.
  • FIG. 7 illustrates a state where text X and text Y are continuously arranged on a screen. In this case, it is assumed that scroll up has been entered for the screen.
  • the text X may disappear from the screen, and the beginning of the text Y may be located in the first specific area of the screen. Then, the user terminal may determine that the content Y corresponding to the text Y satisfies the first control condition. In this case, the user terminal may fix the content Y satisfying the first control condition to the top of the screen. At this time, the content Y may be displayed at the top of the screen in a smaller size than the original size. Meanwhile, when the fixed content Y is selected on the screen, the content Y may be displayed in its original size.
  • the user terminal may control the content Y to disappear from the screen by releasing the content Y displayed at the top of the screen.
  • the content Z corresponding to the text Z may be fixedly displayed at the top of the screen.
  • the text Z corresponding to the content Z may move up along the screen.
  • the text Z may be displayed so as not to cover the content Z fixed on the screen.
  • the text Z may be displayed on a lower layer than the layer of the content Z.
  • FIG. 8 is a diagram illustrating a content display control method according to a sixth embodiment.
  • FIG. 8 it is assumed that text and content are composed of different layers, unlike the control conditions described with reference to FIGS. 2 to 7. Specifically, it is assumed that text exists in an upper layer and content exists in a lower layer. In addition, it is assumed that a blank area exists between texts corresponding to the content. In other words, it is assumed that there is a blank area, which is a region drilled by a certain range between texts, rather than being continuously arranged. Then, when the text moves as the screen scrolls, and thus the blank area is moved, the content disposed in the lower layer than the text may be displayed through the blank area.
  • the first control condition means a case where the last part of the first text matches the last part of the content corresponding to the second text.
  • the second control condition refers to a case in which the beginning of the second text spaced apart from the first text by the blank area coincides with the beginning of the content corresponding to the second text. Then, the content corresponding to the second text may be displayed on the screen from the time point when the first control condition is satisfied to the time point when the second control condition is satisfied.
  • the content Y disposed in the document may be displayed through a blank area between the text X and the text Y from the time when the first control condition of the content Y is satisfied.
  • Scrolling up is continuously input to the screen as shown in ⁇ C> of FIG. 7, the content Y disposed in the document is displayed through the blank area between the text X and the text Y until the second control condition of the content Y is satisfied. Can be.
  • the second control condition of the content Y refers to the case where the beginning of the text Y coincides with the beginning of the content Y. If the second control condition of the content Y is satisfied, the content Y may not be displayed on the screen. That is, the content covered by the text may be displayed through the blank area from the time when the first control condition is satisfied to the time when the second control condition is satisfied.
  • FIG. 9 illustrates a first source code associated with a content display control method according to an exemplary embodiment.
  • FIGS. 2 to 8 may be expressed as source code for a document.
  • source code For example, a case in which an image is displayed in a document when the content is an image may be described by source code.
  • source code a case in which the control condition for the content is satisfied and the content is fixed to the screen.
  • a div named "imgContainer" can be added to the html document containing the source code.
  • a div is a tag corresponding to content such as an image or text, and is a general-purpose tag because there is no special attribute.
  • the position may be fixed, and css may be added that does not respond to scrolling css is a sheet which pre-stores the overall style of the webpage meaning a document, and may include various conditions when fixing content.
  • "imgContainer” will perform the function of including the image if the content satisfies the control condition.
  • the process of identifying the number of images existing in the html document and adding the name of the image is performed.
  • the name may be information for identifying an image that is content.
  • the user terminal may add the name of the first image as "0" and the second image as "1" in the document.
  • the scroll value of the screen may be measured.
  • the scroll value "scrollTopVal"
  • ScrollTopVal the scroll value
  • the scroll value increases and as the user scrolls from bottom to top the scroll value decreases.
  • the scroll value increases with the scroll, and if the scroll from bottom to top occurs, the scroll value decreases.
  • the scroll value is gradually increased by the user's scrolling so that the scroll value is larger than the position on the screen of the first image having the name "0"
  • the first image may be fixed to the screen of the display.
  • imgTopNum For this purpose a variable named "imgTopNum” can be added. "ImgTopNum” is null (no value). If the scroll value is increased by the user's scrolling so that the scroll value is equal to or larger than the position on the screen corresponding to the length of the first image "0”, "imgTopNum” becomes zero. Then, if the scroll value continues to increase and the scroll value is equal to or larger than the position on the screen corresponding to the length of the second image, "1”, "imgTopNum” becomes 1.
  • an image may be added to the "imgContainer". According to the procedure described above, if "imgTopNum” is 0, the first image "0" is added to "imgContainer".
  • the length of the image displayed on the img tag is changed on the screen, so that if the image fixed on the screen does not need to be displayed on the screen, the image may disappear from the screen.
  • the length of the image is the length of "imgGo #" minus the scroll value.
  • imgGo0 when the position of the specific image "imgGo0" is 1000px and the scroll value is 500px, "imgGo0" may not be displayed on the screen or a specific area may be displayed on the screen according to the length of "imgGo0". If the length of "imgGo0" is 500px, the position on the screen is 1000px, and the scroll value is 500px, all of "imgGo0" may be displayed on the screen.
  • "imgGo0" When the scroll value is 1000px according to the user's scroll, "imgGo0" may be located at the top of the screen. At this time, since the length of the area where "imgGo0" is displayed on the screen is 0px, “imgGo0” may not be displayed on the screen.
  • "nowImgHeight” represents the length of an area where an image is displayed on the screen. "nowImgHeight” may be determined according to the position of the image on the screen, the length of an area existing between the top of the screen and the image, and the scroll value. When the length of the area in which the image is displayed on the screen is changed according to the scroll, "nowImgHeight" may be changed.
  • FIG. 10 illustrates a second source code associated with a content display control method, according to an exemplary embodiment.
  • source code related to a content display control method may be provided.
  • the user terminal may express a document expressed in html (hypertext mark-up language) on the screen. If there is an image and text corresponding to the image in the document represented on the screen, the user terminal may add a tag associated with the image corresponding to the text at a specific position (eg, the last paragraph) of the text. There are many ways to add tags.
  • text is usually entered using the p tag and the image using the img tag. If the p tag corresponding to the text corresponding to the image exists after the img tag corresponding to the image, the name “imgGo #” may be added to the corresponding p tag. For example, if the text corresponding to the first image exists after the img tag corresponding to the first image "0", "imgGo0" may be added to the p tag.
  • the user terminal may add the names "dotRed”, “dotBlue”, and “dotYellow” to the source code related words.
  • the colors and shapes for that name can be specified in css. Due to this color and shape, it can be determined how the content is expressed while the image is fixed.
  • the apparatus described above may be implemented as a hardware component, a software component, and / or a combination of hardware components and software components.
  • the devices and components described in the embodiments may be, for example, processors, controllers, arithmetic logic units (ALUs), digital signal processors, microcomputers, field programmable arrays (FPAs), It may be implemented using one or more general purpose or special purpose computers, such as a programmable logic unit (PLU), microprocessor, or any other device capable of executing and responding to instructions.
  • the processing device may execute an operating system (OS) and one or more software applications running on the operating system.
  • the processing device may also access, store, manipulate, process, and generate data in response to the execution of the software.
  • OS operating system
  • the processing device may also access, store, manipulate, process, and generate data in response to the execution of the software.
  • processing device includes a plurality of processing elements and / or a plurality of types of processing elements. It can be seen that it may include.
  • the processing device may include a plurality of processors or one processor and one controller.
  • other processing configurations are possible, such as parallel processors.
  • the software may include a computer program, code, instructions, or a combination of one or more of the above, and configure the processing device to operate as desired, or process it independently or collectively. You can command the device.
  • Software and / or data may be any type of machine, component, physical device, virtual equipment, computer storage medium or device in order to be interpreted by or to provide instructions or data to the processing device. Or may be permanently or temporarily embodied in a signal wave to be transmitted.
  • the software may be distributed over networked computer systems so that they may be stored or executed in a distributed manner.
  • Software and data may be stored on one or more computer readable recording media.
  • the method according to the embodiment may be embodied in the form of program instructions that can be executed by various computer means and recorded in a computer readable medium.
  • the computer readable medium may include program instructions, data files, data structures, etc. alone or in combination.
  • the program instructions recorded on the media may be those specially designed and constructed for the purposes of the embodiments, or they may be of the kind well-known and available to those having skill in the computer software arts.
  • Examples of computer-readable recording media include magnetic media such as hard disks, floppy disks, and magnetic tape, optical media such as CD-ROMs, DVDs, and magnetic disks, such as floppy disks.
  • Examples of program instructions include not only machine code generated by a compiler, but also high-level language code that can be executed by a computer using an interpreter or the like.
  • the hardware device described above may be configured to operate as one or more software modules to perform the operations of the embodiments, and vice versa.

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

컨텐츠 표시 제어 방법 및 컨텐츠 표시 제어 방법을 수행하는 사용자 단말이 개시된다. 컨텐츠 표시 제어 방법은 화면에 대한 스크롤에 따라 텍스트에 대응하는 컨텐츠를 화면의 특정 영역에 고정함으로써 컨텐츠와 텍스트를 한 번에 볼 수 있도록 한다. 또한, 컨텐츠 표시 제어 방법은 사용자의 스크롤에 따라 화면에 표시된 텍스트가 화면에 고정된 컨텐츠가 무관한 경우, 컨텐츠를 고정 해제할 수 있다.

Description

컨텐츠 표시 제어 방법 및 컨텐츠 표시 제어 방법을 수행하는 사용자 단말
본 발명은 컨텐츠 표시 제어 방법 및 상기 방법을 수행하는 사용자 단말에 관한 것으로, 보다 구체적으로는 사용자의 스크롤에 따라 화면에 표시되는 컨텐츠를 다양하게 제어하는 방법 및 장치에 관한 것이다.
사용자는 인터넷을 통해 웹페이지와 같은 수많은 문서에 접근하여 필요한 정보를 획득할 수 있다. 여기서, 문서는 이미지, 동영상, 그래프와 같은 멀티미디어 형태의 컨텐츠가 포함될 수 있으며, 이러한 컨텐츠를 설명하는 텍스트를 포함할 수 있다.
하지만, 디스플레이가 표시될 화면의 사이즈는 제한적이기 때문에, 문서의 모든 영역을 한번에 표시하지 못할 수 있다. 특히, 문서를 통해 표현하고자 하는 내용이 많을 경우, 문서의 길이는 디스플레이의 세로 길이보다는 훨씬 긴 경우도 다수 존재한다.
이 경우, 디스플레이의 세로 길이로 인해서, 컨텐츠와 컨텐츠를 설명하는 텍스트가 화면에 동시에 표시되지 못할 수 있다. 그러면, 사용자는 스크롤을 위로 입력하거나 또는 아래로 입력하면서 컨텐츠와 텍스트를 확인할 수 밖에 없는 불편함을 느낄 수 있다.
왜냐하면, 문서에 포함된 컨텐츠와 컨텐츠를 설명하는 텍스트를 선형적으로 스크롤할 수 밖에 없기 때문에, 사용자는 문서에서 멀티미디어 형태의 컨텐츠와 컨텐츠를 설명하는 텍스트를 확인하기 위해 반복적으로 스크롤할 수 밖에 없다. 또한, 사용자가 반복적으로 스크롤을 하더라도 화면에서 동시에 컨텐츠와 텍스트를 표시되지 못하는 경우가 발생될 수 밖에 없다.
본 발명은 사용자의 스크롤에 따라 텍스트에 대응하는 컨텐츠를 화면의 특정 영역에 고정함으로써 컨텐츠와 텍스트를 한 번에 볼 수 있는 방법 및 장치를 제공한다.
본 발명은 텍스트와 텍스트에 대응하는 컨텐츠가 존재하는 경우 사용자가 스크롤하면서 텍스트를 전부 읽을 때까지 컨텐츠를 화면에 고정하고, 텍스트를 전부 읽으면 자동으로 화면에서 고정 해제하여 스크롤에 따라 사라지도록 함으로써, 서로 연관된 컨텐츠와 텍스트를 화면에서 한 번에 표시할 수 있는 방법 및 장치를 제공한다.
본 발명은 사용자의 스크롤에 따라 화면에 표시된 텍스트가 화면에 고정된 컨텐츠가 무관한 경우, 컨텐츠를 고정 해제하고 텍스트와 관련된 다른 컨텐츠를 표시함으로써 사용자에게 현재 보고 있는 화면에서 서로 관련있는 컨텐츠와 텍스트를 한 번에 확인할 수 있는 방법 및 장치를 제공한다.
본 발명의 일실시예에 따른 사용자 단말이 수행하는 컨텐츠 표시 제어 방법은 사용자 단말의 화면에 대한 스크롤에 의해 컨텐츠가 제1 제어 조건을 만족하는 지 여부를 판단하는 단계; 상기 제1 제어 조건을 만족하는 경우, 상기 컨텐츠를 화면에 고정하는 단계; 상기 컨텐츠가 화면에 고정된 이후에 화면에 대한 스크롤에 따라 상기 컨텐츠에 대응하는 텍스트를 이동시키는 단계; 상기 텍스트의 이동에 따라 상기 컨텐츠에 대응하는 텍스트가 제2 제어 조건을 만족하는 지 여부를 판단하는 단계; 및 상기 제2 제어 조건을 만족하는 경우, 상기 컨텐츠에 대해 고정 해제하는 단계를 포함할 수 있다.
상기 고정 해제하는 단계는, 화면에 추가적인 스크롤이 입력되면, 화면에서 컨텐츠가 표시될 영역이 감소하거나 또는 컨텐츠가 화면에서 자동으로 사라지도록 표시할 수 있다.
상기 컨텐츠에 대응하는 텍스트는, 상기 문서에 포함된 적어도 하나의 컨텐츠와 적어도 하나의 텍스트를 분석함으로써 상기 컨텐츠와 연관되는 텍스트일 수 있다.
상기 제1 제어 조건을 만족하는 지 여부를 판단하는 단계는, 상기 화면에 대한 스크롤에 따라 컨텐츠의 시작 부분이 화면의 제1 특정 영역에 위치하는 경우, 상기 컨텐츠가 제1 제어 조건을 만족하는 것으로 판단하고, 상기 제2 제어 조건을 만족하는 지 여부를 판단하는 단계는, 상기 컨텐츠가 화면에 고정된 이후에 추가적으로 입력된 화면에 대한 스크롤에 따라 컨텐츠에 대응하는 텍스트의 마지막 부분이 화면의 제2 특정 영역에 위치하는 경우, 상기 컨텐츠가 제2 제어 조건을 만족하는 것으로 판단할 수 있다.
상기 제1 제어 조건을 만족하는 지 여부를 판단하는 단계는, 상기 화면에 대한 스크롤에 따라 컨텐츠에 대응하는 텍스트의 시작 부분이 화면의 제1 특정 영역에 위치하는 경우, 상기 컨텐츠가 제1 제어 조건을 만족하는 것으로 판단하고, 상기 제2 제어 조건을 만족하는 지 여부를 판단하는 단계는, 상기 컨텐츠가 화면에 고정된 이후에 추가적으로 입력된 화면에 대한 스크롤에 따라 컨텐츠에 대응하는 텍스트의 마지막 부분이 화면의 제2 특정 영역에 위치하는 경우, 상기 컨텐츠가 제2 제어 조건을 만족하는 것으로 판단할 수 있다.
상기 제1 제어 조건을 만족하는 지 여부를 판단하는 단계는, 상기 컨텐츠에 대응하는 텍스트에 표시된 컨텐츠의 링크가 선택된 경우, 상기 컨텐츠가 제1 제어 조건을 만족하는 것으로 판단하고, 상기 제2 제어 조건을 만족하는 지 여부를 판단하는 단계는, 상기 컨텐츠가 화면에 고정된 이후에 추가적으로 입력된 화면에 대한 스크롤에 따라 컨텐츠에 대응하는 텍스트의 마지막 부분이 화면의 특정 영역에 위치하는 경우, 상기 컨텐츠가 제2 제어 조건을 만족하는 것으로 판단할 수 있다.
상기 제1 제어 조건을 만족하는 지 여부를 판단하는 단계는, 제1 텍스트의 마지막 부분이 제2 텍스트에 대응하는 컨텐츠의 마지막 부분과 일치하는 경우 상기 컨텐츠가 제1 제어 조건을 만족하는 것으로 판단하고, 상기 제1 제어 조건을 만족하는 지 여부를 판단하는 단계는, 상기 화면에 대한 추가적인 스크롤에 따라 제1 텍스트와 공백 영역만큼 떨어진 제2 텍스트의 시작 부분이 제2 텍스트에 대응하는 컨텐츠의 시작 부분과 일치하는 경우 상기 컨텐츠가 제2 제어 조건을 만족하는 것으로 판단할 수 있다.
상기 컨텐츠를 화면에 고정하는 단계는, 상기 컨텐츠의 표현 형태를 변경하거나 또는 상기 컨텐츠에 대응하는 텍스트에서 컨텐츠와 관련된 부분을 하이라이트할 수 있다.
상기 컨텐츠를 화면에 고정하는 단계는, 상기 컨텐츠가 제2 제어 조건을 만족할 때까지 추가적으로 입력된 스크롤에 따라 컨텐츠에 대응하는 텍스트를 컨텐츠를 가리지 않도록 표시할 수 있다.
본 발명의 다른 실시예에 따른 사용자 단말이 수행하는 컨텐츠 표시 제어 방법은 문서에 포함된 적어도 하나의 컨텐츠와 텍스트를 식별하는 단계; 상기 컨텐츠에 대응하는 태그를 문서의 코드에 추가하는 단계; 상기 태그에 컨텐츠의 고정과 관련된 스타일을 설정하는 단계; 상기 사용자 단말의 화면에 발생되는 스크롤을 측정하여 스크롤값을 결정하는 단계; 상기 결정된 스크롤값과 상기 문서에서 식별된 컨텐츠의 길이에 대응하는 위치를 비교하여 상기 태그에 대응하는 컨텐츠를 결정하는 단계; 태그에 대응하는 컨텐츠를 상기 사용자 단말의 화면에 고정하는 단계; 상기 컨텐츠가 고정된 이후에 상기 스크롤값이 변경함에 따라 화면에 고정된 컨텐츠의 길이를 결정하는 단계; 및 상기 컨텐츠의 길이를 고려하여 상기 컨텐츠를 화면에서 고정해제하는 단계를 포함할 수 있다.
상기 컨텐츠를 고정하는 단계는, 상기 컨텐츠가 고정해제 될 때까지 추가적으로 입력된 스크롤에 따라 텍스트를 고정된 컨텐츠를 가리지 않도록 표시할 수 있다.
상기 컨텐츠를 고정하는 단계는, 상기 컨텐츠의 표현 형태를 변경하거나 또는 상기 컨텐츠에 대응하는 텍스트에서 컨텐츠와 관련된 부분을 하이라이트할 수 있다.
상기 스크롤값은 화면의 끝부분에서 스크롤이 얼마만큼 진행되었는지를 나타내고, 상기 컨텐츠의 길이는, 상기 컨텐츠의 길이에 대응하는 위치에서 상기 스크롤값을 제외함으로써 결정될 수 있다.
본 발명의 일실시예에 따른 사용자 단말은 화면에 대한 스크롤에 따라 컨텐츠가 제1 제어 조건을 만족하는지 또는 제2 제어 조건을 만족하는 지 여부를 판단하는 프로세서; 및 상기 프로세서의 명령에 따라 컨텐츠를 화면에 고정하거나 또는 화면에서 고정 해제하는 디스플레이를 포함하고, 상기 프로세서는, 상기 컨텐츠가 제1 제어 조건을 만족하면 컨텐츠를 화면에 고정하는 명령을 디스플레이에 전달하고, 상기 컨텐츠가 화면에 고정된 이후에 화면에 대한 스크롤에 따라 컨텐츠에 대응하는 텍스트가 이동함으로써 상기 컨텐츠에 대응하는 텍스트가 제2 제어 조건을 만족하면, 화면에 고정된 컨텐츠를 고정 해제하는 명령을 디스플레이에 전달할 수 있다.
본 발명의 다른 실시예에 따른 사용자 단말은 문서에 포함된 적어도 하나의 컨텐츠와 텍스트를 식별하고, 상기 컨텐츠에 대응하는 태그를 문서의 코드에 추가하며, 상기 태그에 컨텐츠의 고정과 관련된 스타일을 설정하고, 상기 사용자 단말의 화면에 발생되는 스크롤을 측정하여 스크롤값을 결정하며, 상기 결정된 스크롤값과 상기 문서에서 식별된 컨텐츠의 길이에 대응하는 위치를 비교하여 상기 태그에 대응하는 컨텐츠를 결정하고, 상기 사용자 단말의 화면에 태그에 대응하는 컨텐츠를 고정하며, 상기 컨텐츠가 고정된 이후에 상기 스크롤값이 변경함에 따라 화면에 고정된 컨텐츠의 길이를 결정하고, 상기 컨텐츠의 길이를 고려하여 상기 컨텐츠를 화면에서 고정해제하는 프로세서; 및 상기 프로세서의 명령에 따라 컨텐츠를 고정하는 명령 또는 고정 해제하는 디스플레이를 포함할 수 있다.
본 발명의 일실시예에 따르면, 사용자의 스크롤에 따라 텍스트에 대응하는 컨텐츠를 화면의 특정 영역에 고정함으로써 컨텐츠와 텍스트를 한 번에 볼 수 있다.
본 발명의 일실시예에 따르면, 사용자의 스크롤에 따라 화면에 표시된 텍스트가 화면에 고정된 컨텐츠가 무관한 경우, 컨텐츠를 고정 해제하고 텍스트와 관련된 다른 컨텐츠를 표시함으로써 사용자에게 현재 보고 있는 화면에서 서로 관련있는 컨텐츠와 텍스트를 한 번에 확인할 수 있도록 한다.
본 발명의 일실시예에 따르면, 텍스트와 텍스트에 대응하는 컨텐츠가 존재하는 경우 사용자가 스크롤하면서 텍스트를 전부 읽을 때까지 컨텐츠를 화면에 고정하고, 텍스트를 전부 읽으면 자동으로 화면에서 고정 해제하여 스크롤에 따라 사라지도록 함으로써, 서로 연관된 컨텐츠와 텍스트를 화면에서 한 번에 표시할 수 있다.
도 1은 일실시예에 따른 컨텐츠 표시 제어 방법을 도시한 플로우차트이다.
도 2는 제1 실시예에 따른 컨텐츠 표시 제어 방법을 도시한 도면이다.
도 3은 제1 실시예에 따른 컨텐츠 표시 제어 방법을 도시한 도면이다.
도 4는 제2 실시예에 따른 컨텐츠 표시 제어 방법을 도시한 도면이다.
도 5는 제3 실시예에 따른 컨텐츠 표시 제어 방법을 도시한 도면이다.
도 6은 제4 실시예에 따른 컨텐츠 표시 제어 방법을 도시한 도면이다.
도 7은 제5 실시예에 따른 컨텐츠 표시 제어 방법을 도시한 도면이다.
도 8은 제6 실시예에 따른 컨텐츠 표시 제어 방법을 도시한 도면이다.
도 9는 일실시예에 따른 컨텐츠 표시 제어 방법과 관련된 제1 소스 코드를 도시한 도면이다.
도 10은 일실시예에 따른 컨텐츠 표시 제어 방법과 관련된 제2 소스 코드를 도시한 도면이다.
이하, 본 발명의 실시예를 첨부된 도면을 참조하여 상세하게 설명한다.
도 1은 일실시예에 따른 컨텐츠 표시 제어 방법을 도시한 플로우차트이다.
본 발명의 일실시예에 따른 컨텐츠 표시 제어 방법은 웹페이지 등의 문서를 로딩하여 표시하는 사용자 단말에서 수행될 수 있다. 그리고, 문서는 이미지, 동영상, 그래프 등의 멀티미디어 형태의 컨텐츠와 컨텐츠를 설명하는 텍스트로 구성될 수 있다. 이 때, 문서에서 컨텐츠 및 컨텐츠와 관련된 텍스트는 서로 연속적인 위치에 존재하거나 또는 일정 간격 떨어진 위치에 존재할 수 있다.
단계(101)에서, 사용자 단말은 화면에 대한 스크롤을 인지할 수 있다. 여기서, 스크롤은 사용자가 화면을 직접 터치한 후 일정 방향으로 드래그하는 경우, 화면에 표시된 스크롤바를 일정 방향으로 조작하는 경우, 패드와 같은 입력 장치에서 일정 방향으로 드래그하는 경우, 또는 마우스와 같은 입력 장치에서 휠을 조작하는 경우 등을 의미할 수 있다.
즉, 화면에 대한 스크롤은, 사용자가 화면에 표시된 문서의 일부 영역을 확인하기 위한 어떤 형태의 동작도 모두 포함할 수 있다. 그리고, 화면에 대한 스크롤은 화면에 대해 위로 입력되거나 또는 아래로 입력될 수 있다. 사용자가 수행하는 화면의 스크롤에 따라 스크롤값이 변경될 수 있다. 예를 들어, 문서가 최초로 로딩되면 스크롤값은 0으로 초기화된다. 그리고, 만약, 화면에 대해 위로 스크롤이 입력되면, 화면에 대한 스크롤값은 증가하고, 화면에 대해 아래로 스크롤이 입력되면 화면에 대한 스크롤값은 감소할 수 있다. 사용자 단말은 화면에 대한 스크롤에 따라 결정된 스크롤값과 문서에 포함된 컨텐츠의 위치를 비교함으로써, 컨텐츠가 제어 조건을 만족하는 지 여부를 판단할 수 있다.
본 발명의 일실시예에 따르면, 문서가 세로로 긴 형태인 경우, 화면에 대한 스크롤은 화면의 위, 아래로 적용될 수 있다. 하지만, 문서가 가로로 긴 형태인 경우, 화면에 대한 스크롤은 좌, 우로 적용될 수 있다. 즉, 본 발명의 일실시예는, 문서의 세로 길이가 사용자 단말에 배치된 디스플레이의 세로 길이보다 긴 경우, 또는 문서의 가로 길이가 사용자 단말에 배치된 디스플레이의 가로 길이보다 긴 경우에 모두 적용될 수 있다. 그렇기 때문에, 사용자 단말은 사용자가 화면을 드래그하거나, 화면에 표시된 스크롤바를 조작하거나, 패드와 같은 입력 장치에서 드래그하거나 또는 마우스와 같은 입력 장치에서 휠을 조작함으로써 현재 사용자 단말에 구비된 디스플레이의 화면에 표시되지 않은 문서의 일부 영역을 확인할 수 있도록 한다.
단계(102)에서, 사용자 단말은 화면에 대한 스크롤에 따라 컨텐츠가 제1 제어 조건을 만족하는 지 여부를 판단할 수 있다. 여기서, 제1 제어 조건은 컨텐츠의 시작 부분, 또는 컨텐츠에 대응하는 텍스트의 시작 부분이 화면의 제1 특정 영역에 위치했는지 여부를 의미한다.
만약, 컨텐츠가 제1 제어 조건을 만족하지 않는 경우, 단계(103)에서, 사용자 단말은 화면에 대한 스크롤에 대응하여 계속해서 화면에서의 문서뷰가 이동할 수 있다.
만약, 컨텐츠가 제1 제어 조건을 만족하는 경우, 단계(104)에서 사용자 단말은 컨텐츠를 화면에 고정할 수 있다. 여기서, 컨텐츠를 화면에 고정한다는 것은, 화면에 대한 스크롤이 추가적으로 입력되더라도 고정된 컨텐츠를 제외한 문서의 나머지 구성 요소에 대한 뷰가 이동한다는 것을 의미한다.
본 발명의 일실시예에 따르면, 컨텐츠가 화면에 고정되는 경우 사용자 단말은 컨텐츠의 크기를 변경하여 화면에 표시될 수 있다. 또는, 컨텐츠가 화면에 고정되는 경우 사용자 단말은 화면에 컨텐츠가 고정되었다는 것을 알리기 위해 컨텐츠의 표현 형태(ex. 글꼴, 색, 모양 등)를 변경하거나, 또는 텍스트에서 컨텐츠와 직접적으로 관련된 부분에 대해 강조 효과를 줄 수 있다.
예를 들어, 컨텐츠가 텍스트의 내용에 따라 컨텐츠의 특정 부분에 표현된 색이 변경될 수 있다. 구체적으로, 화면에 대한 스크롤에 따라 화면에 표시되는 텍스트의 내용이 변경되면, 컨텐츠에서 특정 부분에 표현된 색도 변경될 수 있다. 또는, 사용자 단말은 컨텐츠에 대해 특수 효과를 할당하거나 또는 하이라이트 등의 강조를 통해 화면에 컨텐츠가 고정되었다는 것을 표현할 수 있다.
또는, 사용자 단말은 컨텐츠와 관련된 텍스트의 전부 또는 일부를 하이라이트함으로써, 컨텐츠에 대응하는 텍스트에 강조효과를 줄 수 있다.
단계(105)에서, 사용자 단말은 화면에 대한 스크롤에 따라 컨텐츠와 관련된 텍스트가 제2 제어 조건을 만족하는 지 여부를 판단할 수 있다. 여기서, 텍스트는 컨텐츠를 설명하는 내용으로 구성될 수 있다.
이 때, 컨텐츠와 텍스트 간의 관련성 여부는 다음과 같이 결정될 수 있다.
(i) 사용자 단말은 문서에 포함된 텍스트의 특정 위치에 텍스트에 대응하는 컨텐츠와 관련된 태그를 추가함으로써 텍스트와 컨텐츠가 간에 서로 관련성이 있다는 것을 나타낼 수 있다. 이에 대해서는 도 9 내지 도 10에서 구체적으로 설명한다.
(ii) 사용자 단말은 문서에 표현된 컨텐츠 별로 텍스트를 맵핑하여 서버에 저장할 수 있다. 그러면, 사용자 단말은 화면에 대한 스크롤에 따라 텍스트와 맵핑된 컨텐츠를 서버에서 호출하여 화면에 고정하거나 해제할 수 있다. 그리고, 사용자 단말은 컨텐츠가 화면에 고정되거나 고정 해제되는 것에 대응하여 컨텐츠에 매핑된 텍스트를 별도로 관리할 수 있다.
(iii) 사용자 단말이나 또는 서버에서 컨텐츠와 텍스트를 각각 분석하여 서로 연관이 있는 컨텐츠와 텍스트를 연결할 수 있다. 그러면, 사용자 단말은 화면에 대한 스크롤이 발생되면 스크롤에 따라 자동으로 컨텐츠를 고정하거나 고정해제하고, 컨텐츠의 상태에 따라 컨텐츠에 연결된 텍스트를 따로 제어할 수 있다.
여기서, 제2 제어 조건은 컨텐츠의 마지막 부분, 또는 컨텐츠에 대응하는 텍스트의 마지막 부분이 화면의 제2 특정 영역에 위치했는지 여부를 의미한다. 이 때, 제2 제어 조건과 관련된 화면의 제2 특정 영역은 제1 제어 조건과 관련된 화면의 제1 특정 영역과 동일하거나 또는 다를 수 있다.
만약 컨텐츠가 제2 제어 조건을 만족하는 경우, 단계(107)에서 사용자 단말은 컨텐츠를 고정 해제할 수 있다. 반대로, 만약 컨텐츠가 제2 제어 조건을 만족하지 않는 경우, 단계(107)에서 사용자 단말은 컨텐츠의 고정을 유지할 수 있다.
여기서, 도 1 내지 도 8에서 언급되는 시작 부분과 마지막 부분은 화면에 대한 스크롤에 따라 다르게 결정될 수 있다. 예를 들어서, 문서가 세로로 길게 존재하여 화면에 대한 스크롤이 위에서 아래로 발생되는 경우, 컨텐츠의 시작 부분은 컨텐츠의 상단 끝을 의미할 수 있다. 마찬가지로, 컨텐츠에 대응하는 텍스트의 시작 부분은 텍스트의 상단 끝을 의미할 수 있다. 반대로, 컨텐츠의 마지막 부분은 컨텐츠의 하단 끝을 의미할 수 있다. 또한, 텍스트의 마지막 부분은 텍스트의 하단 끝을 의미할 수 있다.
또는, 문서가 가로로 길게 존재하여 화면에 대한 스크롤이 좌측에서 우측으로 발생되는 경우, 컨텐츠의 시작 부분은 컨텐츠의 좌측 끝을 의미할 수 있다. 마찬가지로, 컨텐츠에 대응하는 텍스트의 시작 부분은 텍스트의 좌측 끝을 의미할 수 있다. 반대로, 컨텐츠의 마지막 부분은 컨텐츠의 우측 끝을 의미할 수 있다. 또한, 텍스트의 마지막 부분은 텍스트의 우측 끝을 의미할 수 있다.
여기서, 문서가 가로로 길게 존재하는 경우, 스크롤이 우측에서 좌측으로 발생될 수도 있으며, 이 경우 컨텐츠의 시작 부분, 텍스트의 시작 부분, 컨텐츠의 마지막 부분, 텍스트의 마지막 부분은 위에서 설명한 것과 반대로 결정될 수 있다.
이하의 설명에서 제1 특정 영역과 제2 특정 영역은 다음과 같이 정의될 수 있다.
문서가 세로로 길게 존재하여 스크롤이 위에서 아래로 움직이는 경우, 제1 특정 영역은 화면의 상단 끝 또는 상단 끝에서 일정 거리만큼 아래로 떨어진 영역(ex. 상단 끝으로부터 아래로 2cm)을 의미할 수 있다. 그리고, 문서가 가로로 길게 존재하여 스크롤이 좌측에서 우측으로 움직이는 경우, 제1 특정 영역은 화면의 좌측 끝 또는 좌측 끝에서 일정 거리만큼 우측으로 떨어진 영역(ex. 좌측 끝으로부터 우측으로 2cm)을 의미할 수 있다. 또는, 스크롤이 우측에서 좌측으로 움직이는 경우, 제1 특정 영역은 화면의 우측 끝 또는 우측 끝에서 일정 거리만큼 좌측으로 떨어진 영역(ex. 우측 끝으로부터 좌측으로 2cm)을 의미할 수 있다.
제1 특정 영역은 제2 특정 영역과 서로 동일하거나 서로 다를 수 있다. 예를 들어, 제1 특정 영역과 제2 특정 영역이 서로 다르고, 문서가 세로로 길게 존재하여 스크롤이 위에서 아래로 발생되는 경우, 제2 특정 영역은 제1 특정 영역보다 상대적으로 아래에 위치할 수 있다. 반대로, 문서가 가로로 길게 존재하여 스크롤이 좌측에서 우측으로 발생되는 경우, 제2 특정 영역은 제1 특정 영역보다 상대적으로 우측에 위치할 수 있다. 또는, 문서가 가로로 길게 존재하여 스크롤이 우측에서 좌측으로 발생되는 경우, 제2 특정 영역은 제1 특정 영역보다 상대적으로 좌측에 위치할 수 있다.
도 1은 문서에서 특정된 컨텐츠 1개에 대한 동작을 설명한다. 문서가 1개 이상의 컨텐츠와 컨텐츠에 대응하는 텍스트로 구성된 경우, 단계(107)의 동작이 완료된 이후에 다시 다른 컨텐츠에 대해 단계(101)부터 수행될 수 있다.
도 1에서 설명하고 있는 제1 제어 조건과 제2 제어 조건에 대해서는 도 2 내지 도 8에서 구체적으로 설명하기로 한다. 도 2 내지 도 8은 사용자 단말이 스마트폰과 같은 모바일 단말인 경우를 예시로 하고 있다. 하지만, 본 발명은 문서의 길이보다 작은 길이를 가지는 디스플레이를 구비한 어떠한 형태의 사용자 단말에도 적용될 수 있다.
도 2는 제1 실시예에 따른 컨텐츠 표시 제어 방법을 도시한 도면이다.
도 2와 도 3은 제1 실시예에 따라 컨텐츠 표시 제어 방법을 설명하는 것으로, 제1 제어 조건은 컨텐츠의 시작 부분이 화면의 제1 특정 영역에 위치하는 경우를 의미한다.
그리고, 제2 제어 조건은 컨텐츠에 대응하는 텍스트의 마지막 부분이 화면의 제2 특정 영역에 위치하는 경우를 의미한다.
도 2의 <A>를 참고하면, 사용자 단말의 디스플레이를 통해 표현된 화면에서 사용자가 직접 터치하여 화면에 대해 위(UP)로 스크롤하는 경우를 설명한다. 즉, 도 2의 <A>는 화면의 상단을 향하여 사용자의 스크롤이 입력되는 경우를 나타낸다. 이 때, 화면에 대해 위로 스크롤이 입력되면, 화면에 대한 문서뷰가 위로 움직일 수 있다. 도 2의 <A>에서 화면에 텍스트 X만 표시된다.
이후, 도 2의 <A> 이후에 계속해서 화면에 대해 위로 스크롤이 입력되면, 도 2의 <B>에 도시된 바와 같이, 텍스트 X 아래에 배치된 컨텐츠 Y와 컨텐츠 Y를 설명하는 텍스트 Y가 화면에 표시될 수 있다.
이후, 도 2의 <B> 이후에 계속해서 화면에 대해 위로 스크롤이 입력되면, 도 2의 <C>에 도시된 바와 같이, 컨텐츠 Y의 시작 부분이 화면의 제1 특정 영역에 위치할 수 있다. 도 2의 <C>는 본 발명의 일실시예에 따라 화면에 대한 스크롤에 의해 컨텐츠가 화면의 특정 영역에 위치했는지를 나타내는 제1 제어 조건을 만족한 경우를 나타낸다.
도 2의 <C>에 도시된 바와 같이, 화면의 제1 특정 영역은 화면의 상단을 의미할 수 있다. 일례에 의하면, 화면의 상단은 디스플레이의 가장 윗부분을 의미하거나 또는 디스플레이의 가장 윗부분으로부터 아래 방향으로 일정 거리만큼 떨어진 위치를 의미할 수도 있다.
그러면, 사용자 단말은 제1 제어 조건을 만족하는 컨텐츠 Y를 화면의 상단에 고정할 수 있다. 즉, 컨텐츠 Y가 화면의 상단에 고정된 이후에 화면에 대해 위로 스크롤이 입력되더라도, 사용자 단말은 컨텐츠 Y를 화면에 대한 스크롤에 따라 움직이지 않도록 제어할 수 있다.
다만, 컨텐츠 Y가 화면의 상단에 고정된 이후에 화면에 대해 위로 스크롤이 입력되는 경우, 사용자 단말은 컨텐츠 Y와 관련된 텍스트 Y가 컨텐츠 Y를 가리지 않도록 제어할 수 있다. 일례로, 도 2의 <C>와 같이 사용자 단말은 컨텐츠 Y의 레이어보다 아래에 존재하는 레이어에 텍스트 Y가 표시되는 듯한 효과를 제공할 수 있다. 그러면, 텍스트 Y의 시작 부분부터 일정 영역까지는 화면의 상단에 고정된 컨텐츠 Y에 의해 가려질 수 있다.
한편, 도 2에 도시되지 않았지만, 컨텐츠 Y가 화면의 상단에 고정된 이후에 화면에 대해 아래로 스크롤이 입력되면, 사용자 단말은 컨텐츠 Y를 화면에서 고정 해제할 수 있다. 구체적으로, 컨텐츠 Y가 화면의 상단에 고정된 이후에 화면에 대해 아래로 스크롤이 입력되면서, 컨텐츠 Y의 시작 부분이 제1 특정 영역을 벗어나면 제1 제어 조건을 만족하지 못한다. 다시 말해서, 화면에 대해 아래로 스크롤이 입력됨으로써 컨텐츠 Y는 다시 도 2의 <B>와 같이 텍스트 X로 인해서 화면의 상단에 위치하지 못했기 때문에 제1 제어 조건을 만족하지 못하기 때문이다. 그렇기 때문에, 컨텐츠 Y가 화면에 고정될 때의 스크롤 방향과 반대 방향의 스크롤이 입력되어 컨텐츠 Y가 제1 제어 조건을 만족하지 못하는 경우, 사용자 단말은 화면에 고정되었던 컨텐츠 Y에 대해 고정 해제할 수 있다.
하지만, 컨텐츠 Y가 고정 해제되었다가 다시 화면에 대해 위로 스크롤이 입력되어 컨텐츠 Y가 화면의 상단에 위치하는 경우, 컨텐츠 Y는 다시 제1 제어 조건을 만족하므로 사용자 단말은 컨텐츠 Y를 화면의 상단에 고정할 수 있다.
결론적으로, 사용자는 스크롤을 통해 화면에서의 문서뷰를 이동시킴으로써 문서에 표시된 컨텐츠와 컨텐츠와 관련된 내용이 기재된 텍스트를 확인할 수 있다. 그러면, 사용자의 스크롤에 따라 사용자가 화면에서 포커싱하고 있는 컨텐츠를 확인한 후에 화면의 상단에 컨텐츠를 고정할 수 있다. 그리고, 본 발명의 일실시예에 따르면, 사용자 단말은 화면에 고정된 컨텐츠와 관련된 텍스트를 사용자의 스크롤에 따라 이동시키되 화면에 고정된 컨텐츠를 가리지 않도록 제어함으로써, 사용자로 하여금 화면에서 컨텐츠와 텍스트를 한번에 확인할 수 있도록 한다.
도 3은 제1 실시예에 따른 컨텐츠 표시 제어 방법을 도시한 도면이다.
도 3은 도 2 이후에 계속해서 화면에 대해 위로 스크롤이 입력되는 경우를 설명한다. 즉, 도 3의 <A>는 도 2의 <C>와 도시된 바와 같이 컨텐츠 Y가 화면의 상단에 고정된 이후에 계속해서 화면에 대해 위로 스크롤이 입력되는 경우를 나타낸다.
그러면, 도 3의 <B>와 같이 텍스트 Y의 마지막 부분이 화면의 제2 특정 영역에 위치할 수 있다. 도 3의 <B>는 본 발명의 일실시예에 따라 화면에 컨텐츠가 고정된 이후에 화면에 대한 스크롤에 의해 컨텐츠와 관련된 텍스트의 마지막 부분이 화면의 제2 특정 영역에 위치한 경우, 컨텐츠가 제2 제어 조건을 만족한 경우를 나타낸다.
그러면, 사용자 단말은 화면의 상단에 고정한 컨텐츠 Y를 화면에서 고정 해제할 수 있다. 즉, 컨텐츠 Y가 화면에서 고정 해제되면, 화면에 대해 위로 스크롤이 입력되면, 사용자 단말은 화면에 대한 스크롤에 따라 컨텐츠 Y를 위로 움직이도록 제어할 수 있다. 이 때, 화면의 상단 여백이 남아있지 않으므로 컨텐츠 Y가 위로 움직이면 컨텐츠 Y가 화면에서 표시될 영역은 감소할 수 있다. 즉, 화면에서 표시되는 컨텐트 Y의 길이는 감소할 수 있다. 그리고, 화면에 대해 위로 스크롤이 계속해서 입력되면 컨텐츠 Y는 화면에서 사라질 수 있다.
한편, 컨텐츠 Y가 고정 해제된 이후에 화면에 대해 위로 스크롤이 입력되는 경우, 컨텐츠 Y를 설명하는 텍스트 Y는 다양한 방식으로 표시될 수 있다.
일례로, 컨텐츠 Y가 화면에서 고정 해제된 이후에 화면에 대해 위로 스크롤이 입력되면, 텍스트 Y는 컨텐츠 Y를 가리도록 제어할 수 있다. 즉, 사용자 단말은 컨텐츠 Y의 레이어보다 위에 존재하는 레이어에 텍스트 Y가 표시되는 듯한 효과를 제공할 수 있다. 그러면, 컨텐츠 Y가 화면에서 고정 해제된 이후에 계속해서 화면에 대해 위로 스크롤이 입력되면, 텍스트 Y는 컨텐츠 Y의 마지막 부분부터 일정 영역까지 가릴 수 있다.
이러한 과정이 계속되면, 컨텐츠 Y는 텍스트 Y에 의해 화면에서 사라질 수 있다. 마찬가지로, 화면에 대해 위로 스크롤이 계속해서 입력되면, 컨텐츠 Y가 화면에서 사라진 이후에 텍스트 Y도 화면에서 사라질 수 있다.
일례로, 컨텐츠 Y가 화면에서 고정 해제된 이후에 화면에 대해 위로 스크롤이 입력되면, 텍스트 Y가 컨텐츠 Y를 밀고 올라가도록 제어할 수 있다. 그러면, 컨텐츠 Y는 텍스트 Y에 의해 밀려 올라가서 화면에서 사라질 수 있다.
도 3의 <C>는 컨텐츠 Y가 화면에서 사라진 이후의 결과를 도시한다. 만약, 화면에 대해 계속해서 위로 스크롤이 입력되면, 컨텐츠 Z가 화면을 따라 위로 이동하면서 컨텐츠 Z의 시작 부분이 화면의 제1 특정 영역에 위치할 수 있다. 즉, 컨텐츠 Z의 시작 부분이 화면의 상단에 닿을 수 있다.
그러면, 도 2의 <B>에 도시된 바와 동일하게 컨텐츠 Z가 제1 제어 조건을 만족하기 때문에 사용자 단말은 컨텐츠 Z를 화면의 상단에 고정할 수 있다. 다시 말해서, 사용자 단말은 컨텐츠 Z를 화면에 대한 스크롤에 따라 움직이지 않도록 제어할 수 있다. 도 2의 <C>에 도시된 바와 같이, 화면의 상단에 컨텐츠 Z가 고정된 이후에, 사용자 단말은 컨텐츠 Z와 관련된 텍스트 Z가 컨텐츠 Z를 가리지 않도록 제어할 수 있다.
한편, 도 3의 <B>에서 컨텐츠 Y가 고정 해제된 이후에 다시 사용자가 화면에 대해 아래로 스크롤을 입력하는 경우, 화면에서의 문서뷰가 아래로 이동한다. 그러면, 컨텐츠 Y와 관련된 텍스트 Y의 마지막 부분이 화면의 제2 특정 영역에 위치했는지를 나타내는 제2 제어 조건을 만족하지 못한다. 그러면, 사용자 단말은 화면에서 고정 해제되었던 컨텐츠 Y를 다시 화면의 상단에 고정할 수 있다. 도 2에서 제1 제어 조건을 위한 화면의 제1 특정 영역과 도 3에서 제2 제어 조건을 위한 화면의 제2 특정 영역은 서로 다를 수 있다.
결론적으로, 사용자가 화면에 대해 스크롤을 입력하면서 화면에 고정된 컨텐츠와 다른 컨텐츠를 확인하고자 하는 경우, 사용자 단말은 화면에 고정된 컨텐츠를 고정 해제함으로써 스크롤에 따라 화면에서 사라지도록 할 수 있다. 그러면, 화면에 고정되었던 컨텐츠가 사용자의 스크롤에 따라 화면에서 사라진 이후에 사용자가 포커싱하고자 하는 다른 컨텐츠가 화면에 고정될 수 있으므로, 사용자로 하여금 현재 시점에서 관심을 가지고 확인하려는 컨텐츠를 보다 편리하게 볼 수 있도록 한다.
도 4는 제2 실시예에 따른 컨텐츠 표시 제어 방법을 도시한 도면이다.
도 4의 경우, 컨텐츠에 대한 제1 제어 조건은 컨텐츠에 대응하는 텍스트의 시작 부분이 화면의 제1 특정 영역에 위치하는 경우를 의미한다. 예를 들어, 제1 제어 조건은 스크롤이 위로 움직이는 경우, 컨텐츠의 시작 부분이 화면의 상단에 위치하는 경우, 스크롤이 좌로 움직이는 경우, 컨텐츠의 시작 부분이 화면의 좌측 끝에 위치하는 경우, 또는 스크롤이 우로 움직이는 경우, 컨텐츠의 시작 부분이 우측 끝에 위치하는 경우를 의미한다. 텍스트의 시작 부분이 화면의 제1 특정 영역에 위치하는 경우, 텍스트에 대응하는 컨텐츠가 제1 제어 조건을 만족할 수 있다. 그러면, 사용자 단말은 제1 제어 조건을 만족하는 컨텐츠를 화면의 상단에 표시할 수 있다.
그리고, 컨텐츠에 대한 제2 제어 조건은 컨텐츠에 대응하는 텍스트의 마지막 부분이 화면의 제2 특정 영역에 위치하는 경우를 의미한다. 화면의 상단에 고정된 컨텐츠에 대응하는 텍스트의 마지막 부분이 화면의 제2 특정 영역에 위치하는 경우, 텍스트에 대응하는 컨텐츠가 제2 제어 조건을 만족할 수 있다. 그러면, 사용자 단말은 제2 제어 조건을 만족하는 컨텐츠를 화면에서 고정 해제할 수 있다.
이 때, 도 4의 경우 도 2, 도 3과 같이 화면이 컨텐츠-텍스트-컨텐츠-텍스트와 같은 구성 요소로 배치되는 것이 아니라, 텍스트-텍스트와 같은 구성 요소로 배치된 경우를 나타낸다. 그렇기 때문에, 컨텐츠에 대응하는 텍스트의 마지막 부분이 화면의 제2 특정 영역에 위치한다는 것은, 다른 컨텐츠에 대응하는 텍스트의 시작 부분이 제1 특정 영역에 위치하는 것을 의미할 수 있다.
다시 말해서, 화면에 고정된 컨텐츠와 다른 컨텐츠가 제1 제어 조건을 만족하는 것으로 판단될 수 있다. 그러면, 사용자 단말은 이미 화면에 고정된 컨텐츠를 고정 해제하는 동시에 다른 컨텐츠를 화면에 고정할 수 있다. 이에 대해서, 사용자 단말은 이전에 고정된 컨텐츠를 화면에서 사라지도록 하는 한편 이후에 고정할 컨텐츠를 화면에 표시함으로써 컨텐츠 간에 페이드아웃 효과를 제공할 수 있다.
도 4의 <A>는 화면에 대해 위로 스크롤이 입력된 이후에 컨텐츠가 화면의 상단에 고정된 경우를 나타낸다.
일례로, 컨텐츠 Y와 관련된 텍스트 Y가 화면의 제1 특정 영역에 위치하는 경우, 텍스트 Y에 대응하는 컨텐츠 Y가 화면의 상단에 고정될 수 있다. 즉, 도 4의 경우, 사용자 단말은 컨텐츠에 대응하는 텍스트의 시작 부분이 화면의 제1 특정 영역에 위치했는지 여부에 기초하여 컨텐츠가 제1 제어 조건을 만족했는 지를 판단할 수 있다. 이 경우, 컨텐츠 Y가 화면의 상단에 고정된 이후에 계속해서 화면에 대해 위로 스크롤이 입력되면, 사용자 단말은 컨텐츠 Y와 관련된 텍스트 Y가 컨텐츠 Y를 가리지 않도록 제어할 수 있다. 이에 대해서는 도 2의 설명을 참고하기로 한다.
이후에, 도 4의 <B>와 같이 컨텐츠 Y가 화면의 상단에 고정된 이후에 계속해서 화면에 대해 위로 스크롤이 입력되면, 컨텐츠 Z와 관련된 텍스트 Z의 시작 부분이 화면의 제2 특정 영역에 위치할 수 있다. 이 때, 도 4의 <A>를 참고하면, 텍스트 Y와 텍스트 Z가 화면에 서로 연속적으로 배치되어 있기 때문에, 텍스트 Z의 시작 부분이 화면의 제2 특정 영역에 위치한다는 것은 컨텐츠 Y에 대응하는 텍스트 Y의 마지막 부분이 화면의 제2 특정 영역에 위치하는 것을 의미한다.
그러면, 텍스트 Y의 마지막 부분이 화면의 제2 특정 영역에 위치했기 때문에, 사용자 단말은 컨텐츠 Y가 제2 제어 조건을 만족했다고 판단할 수 있다. 이에 따라, 사용자 단말은 컨텐츠 Y를 화면의 상단에서 고정 해제할 수 있다. 이 때, 컨텐츠 Y는 화면의 상단에서 고정 해제되면서 화면에서 바로 사라질 수 있다.
한편, 텍스트 Z의 시작 부분이 화면의 제1 특정 영역에 위치했기 때문에 사용자 단말은 컨텐츠 Z가 제1 제어 조건을 만족했다고 판단할 수 있다. 그러면, 사용자 단말은 컨텐츠 Z가 화면의 상단에 고정할 수 있다. 이 때, 컨텐츠 Y는 화면에서 고정 해제되면서 화면에서 사라지고, 컨텐츠 Z는 화면에 고정되는 과정이 동시에 진행될 수 있다. 그래서, 도 4의 <B>를 참고하면, 사용자 단말은 컨텐츠 Y를 페이드아웃(Fade-Out)하여 화면에서 사라지도록 한 후에 컨텐츠 Z를 표시함으로써, 컨텐츠 Y를 화면의 상단에서 고정 해제하면서 동시에 컨텐츠 Z를 화면의 상단에 고정할 수 있다.
도 4의 <B>에 도시된 바와 같이, 컨텐츠 Z가 화면의 상단에 고정된 이후에 계속해서 화면에 대해 위로 스크롤이 입력되면, 사용자 단말은 컨텐츠 Z와 관련된 텍스트 Z가 컨텐츠 Z를 가리지 않도록 제어할 수 있다.
한편, 컨텐츠 Z가 화면의 상단에 고정된 이후에 계속해서 화면에 대해 위로 스크롤이 입력되면, 텍스트 Z의 마지막 부분이 화면의 제2 특정 영역에 위치할 수 있다. 마찬가지로, 화면에서 텍스트 Z와 연속적으로 배치된 텍스트 W의 시작 부분이 화면의 특정 위치에 위치할 수 있다.
그러면, 사용자 단말은 컨텐츠 Z에 대해 제2 제어 조건을 만족하는 것으로 판단할 수 있다. 마찬가지로, 사용자 단말은 컨텐츠 W에 대해 제1 제어 조건을 만족한 것으로 판단할 수 있다. 그래서, 사용자 단말은 컨텐츠 Z를 화면에서 고정 해제하면서 컨텐츠 W를 화면에 고정할 수 있다. 이에 대해, 사용자 단말은 컨텐츠 Z를 페이드-아웃하면서 화면에서 사라지도록 하고, 컨텐츠 W를 화면의 상단에 표시할 수 있다.
도 4의 경우, 화면에 대해 스크롤이 위로 입력되는 경우를 설명하고 있다. 하지만, 화면에 대해 스크롤이 아래로 입력되는 경우에는 도 4의 <A>, 도 4의 <B>에서 설명한 내용과 반대로 진행된다.
예를 들어, 도 4의 <B>와 같이 컨텐츠 Z가 고정된 이후에 화면에 대해 스크롤이 아래로 입력되면, 텍스트 Y의 마지막 부분이 화면의 제2 특정 영역에 위치하지 않는다. 마찬가지로 텍스트 Z의 시작 부분이 화면의 제2 특정 영역에 위치하지 않는다. 이는 텍스트 Y에 대응하는 컨텐츠 Y가 제2 제어 조건을 만족하지 않으며, 텍스트 Z에 대응하는 컨텐츠 Z가 제1 제어 조건을 만족하지 않는다는 것을 의미한다.
즉, 화면에서 고정 해제되었던 컨텐츠 Y는 다시 화면에 고정되고, 화면에 고정되었던 컨텐츠 Z는 고정 해제될 수 있다. 그래서, 도 4의 <B>와 같이 컨텐츠 Z가 화면에 고정된 이후에 화면에 대해 스크롤이 아래로 입력되면, 페이드-아웃되어 사라졌된 컨텐츠 Y가 도 4의 <A>와 같이 다시 화면의 상단에 표시되어 화면에 고정될 수 있다. 그리고, 도 4의 <B>와 같이 화면의 상단에 고정되었던 컨텐츠 Z는 페이드-아웃되어 화면에서 사라질 수 있다.
도 5는 제3 실시예에 따른 컨텐츠 표시 제어 방법을 도시한 도면이다.
도 5의 경우, 컨텐츠에 대한 제1 제어 조건은 컨텐츠에 대응하는 텍스트에 표시된 컨텐츠의 링크가 선택된 경우를 의미한다. 즉, 텍스트에 표시된 컨텐츠의 링크가 선택되면, 컨텐츠는 제1 제어 조건을 만족할 수 있다. 그러면, 사용자 단말은 제1 제어 조건을 만족하는 컨텐츠를 화면의 상단에 고정하여 표시할 수 있다.
그리고, 컨텐츠에 대한 제2 제어 조건은 컨텐츠에 대응하는 텍스트의 마지막 부분이 화면의 제2 특정 영역에 위치하는 경우를 의미한다. 화면의 상단에 고정된 컨텐츠에 대응하는 텍스트의 마지막 부분이 화면의 제2 특정 영역에 위치하는 경우, 텍스트에 대응하는 컨텐츠가 제2 제어 조건을 만족할 수 있다. 그러면, 사용자 단말은 제2 제어 조건을 만족하는 컨텐츠를 화면에서 고정 해제할 수 있다.
도 5의 <A>를 참고하면, 텍스트 Y에 링크가 표시될 수 있다. 여기서, 텍스트 Y는 컨텐츠 Y에 대응할 수 있으며, 링크는 텍스트 Y를 구성하는 복수의 단어들 중 적어도 하나의 단어를 의미할 수 있다. 만약, 사용자가 텍스트 Y에 표시된 링크를 선택하는 경우, 도 5의 <B>와 같이 화면의 상단에 텍스트 Y에 대응하는 컨텐츠 Y가 고정될 수 있다. 즉, 사용자가 텍스트 Y에 표시된 링크를 선택하는 것은, 컨텐츠 Y에 대한 제1 제어 조건을 만족하는 것을 의미한다. 그러면, 사용자 단말은 제1 제어 조건을 만족하는 컨텐츠를 화면의 상단에 고정할 수 있다.
이 때, 컨텐츠 Y는 화면의 상단에 표시될 때 화면의 가로 폭보다는 작은 가로 폭을 가지도록 표시될 수 있다. 그리고, 도 5의 <B>에 도시된 바와 같이 컨텐츠 Y가 선택되면, 도 5의 <C>에 도시된 바와 같이 컨텐츠 Y는 확대될 수 있다. 구체적으로, 컨텐츠 Y는 화면의 가로 폭과 동일한 가로 폭을 가지도록 확대될 수 있다.
도 5의 <C>에서 사용자로부터 화면에 대해 위로 스크롤이 입력되면, 텍스트 Y의 마지막 부분이 화면의 특정 영역에 위치할 수 있다. 그러면, 텍스트 Y의 마지막 부분이 화면의 특정 영역에 위치한다는 것은 텍스트 Y에 대응하는 컨텐츠 Y가 제2 제어 조건을 만족하는 것을 의미한다. 그러면, 컨텐츠 Y는 화면에서 고정 해제된 후 화면에서 사라질 수 있다.
도 6은 제4 실시예에 따른 컨텐츠 표시 제어 방법을 도시한 도면이다.
도 6의 경우, 컨텐츠에 대한 제1 제어 조건은 컨텐츠의 시작 부분이 화면의 제1 특정 영역에 위치한 것을 의미한다. 컨텐츠의 시작 부분이 화면의 상단에 닿는 경우, 사용자 단말은 컨텐츠가 제1 제어 조건을 만족하는 것으로 판단할 수 있다. 그러면, 사용자 단말은 제1 제어 조건을 만족하는 컨텐츠를 화면의 상단에 고정할 수 있다.
이 때, 도 6에서 화면에 고정되는 컨텐츠는 도 2와 도 3과 달리 원래의 크기보다 축소된 크기로 화면에 표시될 수 있다. 여기서, 표시되는 부분을 제외한 나머지 부분은 투명도로 조절될 수 있다.
한편, 컨텐츠에 대한 제2 제어 조건은 컨텐츠에 대응하는 텍스트의 마지막 부분이 화면의 제2 특정 영역에 위치한 것을 의미한다. 컨텐츠가 화면에 고정된 이후에 화면에 대한 스크롤에 따라 텍스트의 마지막 부분이 화면의 제2 특정 영역에 위치하면 사용자 단말은 화면에 고정된 컨텐츠가 제2 제어 조건을 만족하는 것으로 판단하고 컨텐츠를 화면에서 고정 해제할 수 있다.
도 6의 <A>는 화면에 대해 위로 스크롤이 입력되는 경우를 의미한다. 도 6의 <A>는 화면에 텍스트 X만 표시된 상황을 나타낸다. 도 6의 <A>이후에 화면에 대해 계속해서 위로 스크롤이 입력되면, 도 6의 <B>와 같이 텍스트 X 아래에 배치된 컨텐츠 Y와 컨텐츠 Y에 대응하는 텍스트 Y가 화면에 표시될 수 있다.
도 6의 <B> 이후에 화면에 대해 계속해서 위로 스크롤이 입력되면, 컨텐츠 Y의 시작 부분이 화면의 상단에 닿을 수 있다. 그러면, 사용자 단말은 컨텐츠 Y가 제1 제어 조건을 만족하는 것으로 판단할 수 있다. 이에 따라, 사용자 단말은 제1 제어 조건을 만족하는 컨텐츠 Y를 화면의 상단에 고정하여 표시할 수 있다. 이 때, 도 6의 <C>에 의하면, 사용자 단말은 컨텐츠 Y를 화면의 상단에 고정할 때 컨텐츠 Y의 원본 크기보다 축소된 크기로 화면에 표시할 수 있다.
컨텐츠 Y가 화면의 상단에 고정된 이후에 계속해서 화면에 대해 위로 스크롤이 입력되면, 텍스트 Y가 화면에서 위로 이동한다. 다만, 컨텐츠 Y가 화면의 상단에 고정된 이후에 화면에 대해 위로 스크롤이 입력되는 경우, 사용자 단말은 컨텐츠 Y와 관련된 텍스트 Y가 컨텐츠 Y를 가리지 않도록 제어할 수 있다. 일례로, 사용자 단말은 컨텐츠 Y의 레이어보다 아래에 존재하는 레이어에 텍스트 Y가 표시되는 듯한 효과를 제공할 수 있다. 그러면, 텍스트 Y의 시작 부분부터 일정 영역까지는 화면의 상단에 고정된 컨텐츠 Y에 의해 가려질 수 있다.
하지만, 도 6의 <C>의 경우, 도 2의 <C>와 다르게 컨텐츠 Y가 원본 크기보다 작은 크기로 화면에 표시되므로, 화면의 상단에서 컨텐츠 Y에 의해 가려진 부분을 제외한 나머지 부분은 투명도로 조절될 수 있다. 그리고, 나머지 부분의 투명도에 따라 텍스트 Y가 사용자에 의해 확인될 수 있을 수 있다.
화면에 대해 계속해서 위로 스크롤이 입력되면, 텍스트 Y의 마지막 부분이 화면의 제2 특정 영역에 위치한다. 그러면, 컨텐츠 Y는 제2 제어 조건을 만족하므로, 사용자 단말은 컨텐츠 Y에 대해 화면에서 고정 해제할 수 있다.
한편, 도 6에 도시되지 않았지만, 컨텐츠 Y가 화면의 상단에 고정된 이후에 화면에 대해 아래로 스크롤이 입력되면, 사용자 단말은 컨텐츠 Y를 화면에서 고정 해제할 수 있다. 왜냐하면, 화면에 대해 아래로 스크롤이 입력됨으로써 컨텐츠 Y는 화면의 상단에 위치하지 못했기 때문에 제1 제어 조건을 만족하지 못하기 때문이다.
하지만, 다시 화면에 대해 위로 스크롤이 입력되어 컨텐츠 Y가 화면의 상단에 위치하는 경우, 사용자 단말은 다시 컨텐츠 Y를 화면의 상단에 고정할 수 있다.
도 7은 제5 실시예에 따른 컨텐츠 표시 제어 방법을 도시한 도면이다.
도 7에서, 제1 제어 조건은 컨텐츠에 대응하는 텍스트의 시작 부분이 화면의 제1 특정 영역에 위치하는 경우를 의미한다. 그리고, 제2 제어 조건은 컨텐츠에 대응하는 텍스트의 마지막 부분이 화면의 제2 특정 영역에 위치하는 경우를 의미한다. 제1 제어 조건에 대응하는 제1 특정 영역과 제2 제어 조건에 대응하는 제2 특정 영역은 서로 동일하거나 또는 다를 수 있다.
특히, 도 7의 경우, 화면에 표시될 문서에 컨텐츠를 직접 배치되지 않고 컨텐츠에 대응하는 텍스트만 문서에 배치된 것을 전제로 한다. 도 7의 <A>는 화면에 텍스트 X와 텍스트 Y가 연속적으로 배치된 상태를 나타낸다. 이 경우, 화면에 대해 위로 스크롤이 입력되었다고 가정한다.
그러면, 도 7의 <B>에 도시된 바와 같이, 화면에서 텍스트 X가 사라지고 텍스트 Y의 시작 부분이 화면의 제1 특정 영역에 위치할 수 있다. 그러면, 사용자 단말은 텍스트 Y에 대응하는 컨텐츠 Y가 제1 제어 조건을 만족한 것으로 판단할 수 있다. 이 경우, 사용자 단말은 제1 제어 조건을 만족하는 컨텐츠 Y를 화면의 상단에 고정할 수 있다. 이 때, 컨텐츠 Y는 원본 크기보다 작은 크기로 화면의 상단에 표시될 수 있다. 한편, 화면에 고정된 컨텐츠 Y가 선택되면 컨텐츠 Y는 원본 크기로 표시될 수 있다.
그리고, 도 7의 <B>에 도시된 바와 같이, 컨텐츠 Y가 화면의 상단에 고정된 이후에 계속해서 화면에 대해 위로 스크롤이 입력될 수 있다. 그러면, 컨텐츠 Y에 대응하는 텍스트 Y는 화면에 대한 스크롤에 따라 이동되면서 표시될 수 있다. 이 때, 텍스트 Y는 컨텐츠 Y를 가리지 않도록 표시될 수 있다.
도 7의 <B>와 같이 컨텐츠 Y가 화면의 상단에 고정된 이후에 계속해서 화면에 대해 위로 스크롤이 입력될 수 있다. 그러면, 도 7의 <C>에 도시된 바와 같이, 텍스트 Y의 마지막 부분이 화면의 제2 특정 영역에 위치할 수 있다. 그러면, 사용자 단말은 텍스트 Y에 대응하는 컨텐츠 Y가 제2 제어 조건을 만족한 것으로 판단할 수 있다. 한편, 컨텐츠 Z에 대응하는 텍스트 Z의 시작 부분이 화면의 제1 특정 영역에 위치할 수 있다. 그러면, 사용자 단말은 텍스트 Z에 대응하는 컨텐츠 Z가 제2 제어 조건을 만족한 것으로 판단할 수 있다.
도 7의 <C>에 도시된 바와 같이, 사용자 단말은 화면의 상단에 표시된 컨텐츠 Y를 고정 해제함으로써 컨텐츠 Y를 화면에서 사라지도록 제어할 수 있다. 이와 함께 화면의 상단에 텍스트 Z에 대응하는 컨텐츠 Z를 고정하여 표시할 수 있다.
컨텐츠 Z가 화면에 고정된 이후에 계속해서 화면에 대해 위로 스크롤이 입력되면, 컨텐츠 Z에 대응하는 텍스트 Z가 화면을 따라 위로 이동할 수 있다. 이 때, 텍스트 Z는 화면에 고정된 컨텐츠 Z를 가리지 않도록 표시될 수 있다. 구체적으로, 텍스트 Z는 컨텐츠 Z의 레이어보다 하위 레이어에 표시될 수 있다.
한편, 도 7에 도시되지 않았지만, 컨텐츠 Y가 화면의 상단에 고정된 이후에 화면에 대해 아래로 스크롤이 입력되면, 사용자 단말은 컨텐츠 Y를 화면에서 고정 해제할 수 있다. 왜냐하면, 화면에 대해 아래로 스크롤이 입력됨으로써 텍스트 Y는 아래로 이동하며, 이에 따라 텍스트 Y의 시작 부분은 제1 제어 조건을 만족하지 못하기 때문이다. 하지만, 다시 화면에 대해 위로 스크롤이 입력되어 텍스트 Y의 시작 부분이 화면의 제1 특정 영역에 위치하는 경우, 컨텐츠 Y는 제1 제어 조건을 만족하므로 사용자 단말은 컨텐츠 Y를 화면의 상단에 고정할 수 있다.
도 8은 제6 실시예에 따른 컨텐츠 표시 제어 방법을 도시한 도면이다.
도 8의 경우, 도 2 내지 도 7에서 설명한 제어 조건과 달리, 텍스트와 컨텐츠가 서로 다른 레이어로 구성되어 있다고 가정한다. 구체적으로, 텍스트가 상위 레이어에 존재하고, 컨텐츠가 하위 레이어에 존재한다고 가정한다. 그리고, 컨텐츠에 대응하는 텍스트들 간에 공백 영역이 존재한다고 가정한다. 다시 말해서, 텍스트가 연속적으로 배치되는 것이 아니라 텍스트들 간에 일정 범위만큼 뚫린 영역인 공백 영역이 존재한다고 가정한다. 그러면, 화면에 대한 스크롤에 따라 텍스트가 이동하고, 이에 따라 공백 영역이 이동하는 경우 텍스트보다 하위 레이이에 배치된 컨텐츠가 공백 영역을 통해 표시될 수 있다.
여기서, 제1 제어 조건은 제1 텍스트의 마지막 부분이 제2 텍스트에 대응하는 컨텐츠의 마지막 부분과 일치하는 경우를 의미한다. 그리고, 제2 제어 조건은 제1 텍스트와 공백 영역만큼 떨어진 제2 텍스트의 시작 부분이 제2 텍스트에 대응하는 컨텐츠의 시작 부분과 일치하는 경우를 의미한다. 그러면, 제1 제어 조건이 만족되는 시점부터 제2 제어 조건이 만족되는 시점까지 공백 영역을 통해 제2 텍스트에 대응하는 컨텐츠가 화면을 통해 표시될 수 있다.
도 8의 <A>를 참고하면, 현재 화면에서는 텍스트 X만 표시된다고 가정한다. 이 때, 사용자로부터 화면에 대해 위로 스크롤이 입력되면, 텍스트 X가 화면의 스크롤에 따라 위로 이동한다. 그러면, 텍스트 X의 마지막 부분이 텍스트 Y에 대응하는 컨텐츠 Y의 마지막 부분과 일치할 수 있다. 그러면, 컨텐츠 Y의 제1 제어 조건이 만족될 수 있으며, 이에 따라 컨텐츠 Y가 공백 영역을 통해 표시될 수 있다.
도 8의 <B>를 참고하면, 컨텐츠 Y의 제1 제어 조건이 만족되는 시점부터 텍스트 X와 텍스트 Y 사이의 공백 영역을 통해 문서에 배치된 컨텐츠 Y가 표시될 수 있다. 도 7의 <C>와 같이 화면에 대해 위로 스크롤이 계속 입력되더라도, 컨텐츠 Y의 제2 제어 조건이 만족될 때까지 텍스트 X와 텍스트 Y 사이의 공백 영역을 통해 문서에 배치된 컨텐츠 Y가 표시될 수 있다.
앞서 설명한 바와 같이, 컨텐츠 Y의 제2 제어 조건은 텍스트 Y의 시작 부분이 컨텐츠 Y의 시작 부분과 일치하는 경우를 의미한다. 컨텐츠 Y의 제2 제어 조건이 만족되면, 화면에서 컨텐츠 Y가 표시되지 않을 수 있다. 즉, 제1 제어 조건이 만족되는 시점부터 제2 제어 조건이 만족되는 시점까지 텍스트에 가려진 컨텐츠가 공백 영역을 통해 표시될 수 있다.
도 9는 일실시예에 따른 컨텐츠 표시 제어 방법과 관련된 제1 소스 코드를 도시한 도면이다.
본 발명의 경우, 도 2 내지 도 8에서 언급한 사항을 문서에 대한 소스 코드로 표현될 수 있다. 예를 들어, 컨텐츠가 이미지일 경우에 문서에 이미지를 표시하는 경우를 소스 코드로 설명할 수 있다. 이하에서는, 컨텐츠에 대한 제어 조건이 만족되어 컨텐츠가 화면에 고정되는 경우를 설명한다.
소스 코드를 포함하는 html 문서에 "imgContainer”라는 div가 추가될 수 있다.　 div는 이미지, 텍스트 등과 같은 컨텐츠에 대응하는 태그이며, 특별한 있는 속성이 없어 범용적으로 많이 쓰이는 태그이다. "imgContainer"에 화면 최상단, 위치는 고정, 스크롤에 반응하지 않는다는 css가 추가될 수 있다. css는 문서를 의미하는 웹페이지의 전체 스타일을 미리 저장한 시트로서, 컨텐츠를 고정할 때의 다양한 조건을 포함할 수 있다. "imgContainer"는 컨텐츠가 제어 조건을 만족하는 경우 이미지를 포함하는 기능을 수행할 것이다.　
이 후, html 문서에 존재하는 이미지의 갯수를 파악하고 이미지의 이름을 추가하는 과정이 수행된다. 여기서, 이름은 컨텐츠인 이미지를 식별하는 정보일 수 있다. 사용자 단말은 문서에서 첫번째 이미지를 "0”, 두번째 이미지를 "1"으로 이름을 추가할 수 있다.
이 후, 화면의 스크롤값이 측정될 수 있다. 문서가 최초 로딩되면 스크롤값("scrollTopVal")은 0이다. 사용자가 디스플레이의 화면에서 위에서 아래로 스크롤하면 스크롤값은 증가하고 사용자가 아래에서 위로 스크롤하면 스크롤값은 줄어든다. 그러면, 사용자의 행위에 의해 디스플레이의 화면에서 스크롤이 위에서 아래로 발생하면 스크롤값은 스크롤에 따라 증가하고, 아래에서 위로 스크롤이 발생하면 스크롤값은 감소한다. 사용자의 스크롤에 의해 스크롤값이 점차 증가하여 "0”의 이름을 가지는 첫번째 이미지의 화면상의 위치보다 스크롤값이 큰 경우, 첫번째 이미지가 디스플레이의 화면에 고정될 수 있다.
이를 위해 "imgTopNum”이라는 변수가 추가될 수 있다.　 "imgTopNum”은 null(값이 없음)이다. 사용자의 스크롤에 의해 스크롤값이 증가하여 스크롤값이 첫번째 이미지 "0”의 길이에 해당하는 화면 상의 위치보다 같거나 커지면, "imgTopNum”은 0이 된다. 그리고, 스크롤값이 계속해서 증가하여 스크롤값이 두번째 이미지인 이미지 "1"의 길이에 해당하는 화면상의 위치보다 같거나 커지면 "imgTopNum"은 1이 된다.
이 후, "imgContainer"에 이미지가 추가될 수 있다. 위에서 설명한 과정에 따라 "imgTopNum"가 0이라면, "imgContainer"에 첫번째 이미지 "0"이 추가된다.
이 후, img태그에 표시되는 이미지의 화면상에서의 길이가 변경됨으로써, 화면에 고정된 이미지가 화면에 표시될 필요가 없는 경우, 이미지는 화면에서 사라질 수 있다. 이미지의 길이는 "imgGo#"의 길이에서 스크롤값을 뺀 값이다.
예를 들어, 특정 이미지 "imgGo0"의 화면 상의 위치가 1000px인데 스크롤값이 500px인 경우, "imgGo0"의 길이에 따라 "imgGo0"는 화면에 표시되지 않거나 또는 특정 영역이 화면에 표시될 수 있다. 만약, "imgGo0"의 길이가 500px이고 화면 상의 위치가 1000px이며 스크롤값이 500px인 경우, "imgGo0"의 전부가 화면에 표시될 수 있다.
사용자의 스크롤에 따라 스크롤값이 1000px이 된 경우, "imgGo0"는 화면의 가장 상단에 위치할 수 있다. 이 때 "imgGo0"가 화면 상에서 표시되는 영역의 길이는 0px 이므로, "imgGo0"는 화면에 표시되지 않을 수 있다. "nowImgHeight"는 이미지가 화면 상에서 표시되는 영역의 길이를 나타낸다. "nowImgHeight"는 이미지의 화면 상에서의 위치, 화면의 상단과 이미지 사이에 존재하는 영역의 길이, 스크롤값에 따라 결정될 수 있다. 스크롤에 따라 이미지가 화면 상에서 표시되는 영역의 길이가 변경되는 경우, "nowImgHeight"가 변경될 수 있다.
도 10은 일실시예에 따른 컨텐츠 표시 제어 방법과 관련된 제2 소스 코드를 도시한 도면이다.
본 발명에 의하면, 컨텐츠 표시 제어 방법과 관련한 소스 코드가 제공될 수 있다.
사용자 단말은 html(hypertext mark-up language)로 표현된 문서를 화면에 표현할 수 있다. 화면에 표현된 문서에 이미지 및 이미지에 대응하는 텍스트가 존재하는 경우, 사용자 단말은 텍스트의 특정 위치(ex. 마지막 단락)에 텍스트에 대응하는 이미지와 관련된 태그를 추가할 수 있다. 태그를 추가하는 방법은 여러 가지가 존재한다.
html에서 일반적으로 텍스트는 p태그, 이미지는 img태그를 사용하여 입력된다. 이미지에 대응하는 img태그 이후에 이미지에 대응하는 텍스트에 대응하는 p태그가 존재하는 경우, 해당 p태그에 "imgGo#"이라고 이름이 추가될 수 있다. 예를 들어, 첫번째 이미지인 "0"에 대응하는 img 태그 이후에 첫번째 이미지에 대응하는 텍스트가 존재하는 경우, 해당 텍스트에 "imgGo0"이 p 태그에 추가될 수 있다.
그리고, 사용자 단말은 이미지와 관련있는 단어에는 "dotRed", "dotBlue", "dotYellow"라는 이름을 소스 코드에 추가할 수 있다. 해당 이름에 맞는 컬러와 형태가 css에 지정될 수 있다. 이러한 컬러와 형태로 인해서, 이미지를 고정시킨 상태에서 컨텐츠가 어떻게 표현되는지가 결정될 수 있다.
이상에서 설명된 장치는 하드웨어 구성요소, 소프트웨어 구성요소, 및/또는 하드웨어 구성요소 및 소프트웨어 구성요소의 조합으로 구현될 수 있다. 예를 들어, 실시예들에서 설명된 장치 및 구성요소는, 예를 들어, 프로세서, 콘트롤러, ALU(arithmetic logic unit), 디지털 신호 프로세서(digital signal processor), 마이크로컴퓨터, FPA(field programmable array), PLU(programmable logic unit), 마이크로프로세서, 또는 명령(instruction)을 실행하고 응답할 수 있는 다른 어떠한 장치와 같이, 하나 이상의 범용 컴퓨터 또는 특수 목적 컴퓨터를 이용하여 구현될 수 있다. 처리 장치는 운영 체제(OS) 및 상기 운영 체제 상에서 수행되는 하나 이상의 소프트웨어 애플리케이션을 수행할 수 있다. 또한, 처리 장치는 소프트웨어의 실행에 응답하여, 데이터를 접근, 저장, 조작, 처리 및 생성할 수도 있다. 이해의 편의를 위하여, 처리 장치는 하나가 사용되는 것으로 설명된 경우도 있지만, 해당 기술분야에서 통상의 지식을 가진 자는, 처리 장치가 복수 개의 처리 요소(processing element) 및/또는 복수 유형의 처리 요소를 포함할 수 있음을 알 수 있다. 예를 들어, 처리 장치는 복수 개의 프로세서 또는 하나의 프로세서 및 하나의 콘트롤러를 포함할 수 있다. 또한, 병렬 프로세서(parallel processor)와 같은, 다른 처리 구성(processing configuration)도 가능하다.
소프트웨어는 컴퓨터 프로그램(computer program), 코드(code), 명령(instruction), 또는 이들 중 하나 이상의 조합을 포함할 수 있으며, 원하는 대로 동작하도록 처리 장치를 구성하거나 독립적으로 또는 결합적으로(collectively) 처리 장치를 명령할 수 있다. 소프트웨어 및/또는 데이터는, 처리 장치에 의하여 해석되거나 처리 장치에 명령 또는 데이터를 제공하기 위하여, 어떤 유형의 기계, 구성요소(component), 물리적 장치, 가상 장치(virtual equipment), 컴퓨터 저장 매체 또는 장치, 또는 전송되는 신호 파(signal wave)에 영구적으로, 또는 일시적으로 구체화(embody)될 수 있다. 소프트웨어는 네트워크로 연결된 컴퓨터 시스템 상에 분산되어서, 분산된 방법으로 저장되거나 실행될 수도 있다. 소프트웨어 및 데이터는 하나 이상의 컴퓨터 판독 가능 기록 매체에 저장될 수 있다.
실시예에 따른 방법은 다양한 컴퓨터 수단을 통하여 수행될 수 있는 프로그램 명령 형태로 구현되어 컴퓨터 판독 가능 매체에 기록될 수 있다. 상기 컴퓨터 판독 가능 매체는 프로그램 명령, 데이터 파일, 데이터 구조 등을 단독으로 또는 조합하여 포함할 수 있다. 상기 매체에 기록되는 프로그램 명령은 실시예를 위하여 특별히 설계되고 구성된 것들이거나 컴퓨터 소프트웨어 당업자에게 공지되어 사용 가능한 것일 수도 있다. 컴퓨터 판독 가능 기록 매체의 예에는 하드 디스크, 플로피 디스크 및 자기 테이프와 같은 자기 매체(magnetic media), CD-ROM, DVD와 같은 광기록 매체(optical media), 플롭티컬 디스크(floptical disk)와 같은 자기-광 매체(magneto-optical media), 및 롬(ROM), 램(RAM), 플래시 메모리 등과 같은 프로그램 명령을 저장하고 수행하도록 특별히 구성된 하드웨어 장치가 포함된다.
프로그램 명령의 예에는 컴파일러에 의해 만들어지는 것과 같은 기계어 코드뿐만 아니라 인터프리터 등을 사용해서 컴퓨터에 의해서 실행될 수 있는 고급 언어 코드를 포함한다. 상기된 하드웨어 장치는 실시예의 동작을 수행하기 위해 하나 이상의 소프트웨어 모듈로서 작동하도록 구성될 수 있으며, 그 역도 마찬가지이다.
이상과 같이 실시예들이 비록 한정된 실시예와 도면에 의해 설명되었으나, 해당 기술분야에서 통상의 지식을 가진 자라면 상기의 기재로부터 다양한 수정 및 변형이 가능하다. 예를 들어, 설명된 기술들이 설명된 방법과 다른 순서로 수행되거나, 및/또는 설명된 시스템, 구조, 장치, 회로 등의 구성요소들이 설명된 방법과 다른 형태로 결합 또는 조합되거나, 다른 구성요소 또는 균등물에 의하여 대치되거나 치환되더라도 적절한 결과가 달성될 수 있다. 그러므로, 다른 구현들, 다른 실시예들 및 특허청구범위와 균등한 것들도 후술하는 특허청구범위의 범위에 속한다.

Claims (15)

  1. 사용자 단말이 수행하는 컨텐츠 표시 제어 방법에 있어서,
    사용자 단말의 화면에 대한 스크롤에 의해 컨텐츠가 제1 제어 조건을 만족하는 지 여부를 판단하는 단계;
    상기 제1 제어 조건을 만족하는 경우, 상기 컨텐츠를 화면에 고정하는 단계;
    상기 컨텐츠가 화면에 고정된 이후에 화면에 대한 스크롤에 따라 상기 컨텐츠에 대응하는 텍스트를 이동시키는 단계;
    상기 텍스트의 이동에 따라 상기 컨텐츠에 대응하는 텍스트가 제2 제어 조건을 만족하는 지 여부를 판단하는 단계; 및
    상기 제2 제어 조건을 만족하는 경우, 상기 컨텐츠에 대해 고정 해제하는 단계
    를 포함하는 컨텐츠 표시 제어 방법.
  2. 제1항에 있어서,
    상기 고정 해제하는 단계는,
    화면에 추가적인 스크롤이 입력되면 화면에서 컨텐츠가 표시될 영역이 감소하거나 또는 컨텐츠가 화면에서 자동으로 사라지도록 표시하는 컨텐츠 표시 제어 방법.
  3. 제1항에 있어서,
    상기 컨텐츠에 대응하는 텍스트는,
    상기 문서에 포함된 적어도 하나의 컨텐츠와 적어도 하나의 텍스트를 분석함으로써 상기 컨텐츠와 연관되는 텍스트인 컨텐츠 표시 제어 방법.
  4. 제1항에 있어서,
    상기 제1 제어 조건을 만족하는 지 여부를 판단하는 단계는,
    상기 화면에 대한 스크롤에 따라 컨텐츠의 시작 부분이 화면의 제1 특정 영역에 위치하는 경우, 상기 컨텐츠가 제1 제어 조건을 만족하는 것으로 판단하고,
    상기 제2 제어 조건을 만족하는 지 여부를 판단하는 단계는,
    상기 컨텐츠가 화면에 고정된 이후에 추가적으로 입력된 화면에 대한 스크롤에 따라 컨텐츠에 대응하는 텍스트의 마지막 부분이 화면의 제2 특정 영역에 위치하는 경우, 상기 컨텐츠가 제2 제어 조건을 만족하는 것으로 판단하는 컨텐츠 표시 제어 방법.
  5. 제1항에 있어서,
    상기 제1 제어 조건을 만족하는 지 여부를 판단하는 단계는,
    상기 화면에 대한 스크롤에 따라 컨텐츠에 대응하는 텍스트의 시작 부분이 화면의 제1 특정 영역에 위치하는 경우, 상기 컨텐츠가 제1 제어 조건을 만족하는 것으로 판단하고,
    상기 제2 제어 조건을 만족하는 지 여부를 판단하는 단계는,
    상기 컨텐츠가 화면에 고정된 이후에 추가적으로 입력된 화면에 대한 스크롤에 따라 컨텐츠에 대응하는 텍스트의 마지막 부분이 화면의 제2 특정 영역에 위치하는 경우, 상기 컨텐츠가 제2 제어 조건을 만족하는 것으로 판단하는 컨텐츠 표시 제어 방법.
  6. 제1항에 있어서,
    상기 제1 제어 조건을 만족하는 지 여부를 판단하는 단계는,
    상기 컨텐츠에 대응하는 텍스트에 표시된 컨텐츠의 링크가 선택된 경우, 상기 컨텐츠가 제1 제어 조건을 만족하는 것으로 판단하고,
    상기 제2 제어 조건을 만족하는 지 여부를 판단하는 단계는,
    상기 컨텐츠가 화면에 고정된 이후에 추가적으로 입력된 화면에 대한 스크롤에 따라 컨텐츠에 대응하는 텍스트의 마지막 부분이 화면의 특정 영역에 위치하는 경우, 상기 컨텐츠가 제2 제어 조건을 만족하는 것으로 판단하는 컨텐츠 표시 제어 방법.
  7. 제1항에 있어서,
    상기 제1 제어 조건을 만족하는 지 여부를 판단하는 단계는,
    제1 텍스트의 마지막 부분이 제2 텍스트에 대응하는 컨텐츠의 마지막 부분과 일치하는 경우 상기 컨텐츠가 제1 제어 조건을 만족하는 것으로 판단하고,
    상기 제1 제어 조건을 만족하는 지 여부를 판단하는 단계는,
    상기 화면에 대한 추가적인 스크롤에 따라 제1 텍스트와 공백 영역만큼 떨어진 제2 텍스트의 시작 부분이 제2 텍스트에 대응하는 컨텐츠의 시작 부분과 일치하는 경우 상기 컨텐츠가 제2 제어 조건을 만족하는 것으로 판단하는 컨텐츠 표시 제어 방법.
  8. 제1항에 있어서,
    상기 컨텐츠를 화면에 고정하는 단계는,
    상기 컨텐츠의 표현 형태를 변경하거나 또는 상기 컨텐츠에 대응하는 텍스트에서 컨텐츠와 관련된 부분을 하이라이트하는 컨텐츠 표시 제어 방법.
  9. 제1항에 있어서,
    상기 컨텐츠를 화면에 고정하는 단계는,
    상기 컨텐츠가 제2 제어 조건을 만족할 때까지 추가적으로 입력된 스크롤에 따라 컨텐츠에 대응하는 텍스트를 컨텐츠를 가리지 않도록 표시하는 컨텐츠 표시 제어 방법.
  10. 사용자 단말이 수행하는 컨텐츠 표시 제어 방법에 있어서,
    문서에 포함된 적어도 하나의 컨텐츠와 텍스트를 식별하는 단계;
    상기 컨텐츠에 대응하는 태그를 문서의 코드에 추가하는 단계;
    상기 태그에 컨텐츠의 고정과 관련된 스타일을 설정하는 단계;
    상기 사용자 단말의 화면에 발생되는 스크롤을 측정하여 스크롤값을 결정하는 단계;
    상기 결정된 스크롤값과 상기 문서에서 식별된 컨텐츠의 길이에 대응하는 위치를 비교하여 상기 태그에 대응하는 컨텐츠를 결정하는 단계;
    상기 태그에 대응하는 컨텐츠를 상기 사용자 단말의 화면에 고정하는 단계;
    상기 컨텐츠가 고정된 이후에 상기 스크롤값이 변경함에 따라 화면에 고정된 컨텐츠의 길이를 결정하는 단계;
    상기 컨텐츠의 길이를 고려하여 상기 컨텐츠를 화면에서 고정해제하는 단계
    를 포함하는 컨텐츠 표시 제어 방법.
  11. 제10항에 있어서,
    상기 컨텐츠를 고정하는 단계는,
    상기 컨텐츠가 고정해제 될때까지 추가적으로 입력된 스크롤에 따라 텍스트를 고정된 컨텐츠를 가리지 않도록 표시하는 컨텐츠 표시 제어 방법.
  12. 제10항에 있어서,
    상기 컨텐츠를 고정하는 단계는,
    상기 컨텐츠의 표현 형태를 변경하거나 또는 상기 컨텐츠에 대응하는 텍스트에서 컨텐츠와 관련된 부분을 하이라이트하는 컨텐츠 표시 제어 방법.
  13. 제10항에 있어서,
    상기 스크롤값은 화면의 끝부분에서 스크롤이 얼마만큼 진행되었는지를 나타내고,
    상기 컨텐츠의 길이는,
    상기 컨텐츠의 길이에 대응하는 위치에서 상기 스크롤값을 제외함으로써 결정되는 컨텐츠 표시 제어 방법.
  14. 화면에 대한 스크롤에 따라 컨텐츠가 제1 제어 조건을 만족하는지 또는 제2 제어 조건을 만족하는 지 여부를 판단하는 프로세서; 및
    상기 프로세서의 명령에 따라 컨텐츠를 화면에 고정하거나 또는 화면에서 고정 해제하는 디스플레이
    를 포함하고,
    상기 프로세서는,
    상기 컨텐츠가 제1 제어 조건을 만족하면 컨텐츠를 화면에 고정하는 명령을 디스플레이에 전달하고,
    상기 컨텐츠가 화면에 고정된 이후에 화면에 대한 스크롤에 따라 컨텐츠에 대응하는 텍스트가 이동함으로써 상기 컨텐츠에 대응하는 텍스트가 제2 제어 조건을 만족하면, 화면에 고정된 컨텐츠를 고정 해제하는 명령을 디스플레이에 전달하는 사용자 단말.
  15. 문서에 포함된 적어도 하나의 컨텐츠와 텍스트를 식별하고, 상기 컨텐츠에 대응하는 태그를 문서의 코드에 추가하며, 상기 태그에 컨텐츠의 고정과 관련된 스타일을 설정하고, 상기 사용자 단말의 화면에 발생되는 스크롤을 측정하여 스크롤값을 결정하며, 상기 결정된 스크롤값과 상기 문서에서 식별된 컨텐츠의 길이에 대응하는 위치를 비교하여 상기 태그에 대응하는 컨텐츠를 결정하고, 상기 태그에 대응하는 컨텐츠를 사용자 단말의 화면에 고정하며, 상기 컨텐츠가 고정된 이후에 상기 스크롤값이 변경함에 따라 화면에 고정된 컨텐츠의 길이를 결정하고, 상기 컨텐츠의 길이를 고려하여 상기 컨텐츠를 화면에서 고정해제하는 프로세서; 및
    상기 프로세서의 명령에 따라 컨텐츠를 고정하는 명령 또는 고정 해제하는 디스플레이
    를 포함하는 사용자 단말.
PCT/KR2016/004909 2015-05-11 2016-05-11 컨텐츠 표시 제어 방법 및 컨텐츠 표시 제어 방법을 수행하는 사용자 단말 WO2016182328A1 (ko)

Priority Applications (2)

Application Number Priority Date Filing Date Title
JP2017559393A JP6563522B2 (ja) 2015-05-11 2016-05-11 コンテンツ表示制御方法及びコンテンツ表示制御方法を行うユーザ端末
US15/573,130 US10795564B2 (en) 2015-05-11 2016-05-11 Content display control method and user terminal for performing content display control method

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
KR1020150065579A KR101685288B1 (ko) 2015-05-11 2015-05-11 컨텐츠 표시 제어 방법 및 컨텐츠 표시 제어 방법을 수행하는 사용자 단말
KR10-2015-0065579 2015-05-11

Publications (1)

Publication Number Publication Date
WO2016182328A1 true WO2016182328A1 (ko) 2016-11-17

Family

ID=57249298

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/KR2016/004909 WO2016182328A1 (ko) 2015-05-11 2016-05-11 컨텐츠 표시 제어 방법 및 컨텐츠 표시 제어 방법을 수행하는 사용자 단말

Country Status (4)

Country Link
US (1) US10795564B2 (ko)
JP (1) JP6563522B2 (ko)
KR (1) KR101685288B1 (ko)
WO (1) WO2016182328A1 (ko)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107422901A (zh) * 2017-05-08 2017-12-01 广州视源电子科技股份有限公司 触控屏防误触的方法和系统
EP3486763A1 (en) * 2017-11-17 2019-05-22 Samsung Electronics Co., Ltd. Apparatus and method for visually providing information regarding contents indicating time interval

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP7172276B2 (ja) * 2018-08-20 2022-11-16 富士フイルムビジネスイノベーション株式会社 情報処理装置およびプログラム
JP7332518B2 (ja) * 2020-03-30 2023-08-23 本田技研工業株式会社 会話支援装置、会話支援システム、会話支援方法およびプログラム
US11614852B2 (en) * 2020-04-22 2023-03-28 Taboola.Com Ltd. Dynamic widget display adjustment

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20110108681A (ko) * 2010-03-29 2011-10-06 주식회사 인프라웨어 웹페이지 표시 방법 및 이를 위한 컴퓨터로 판독가능한 기록매체
KR20130073016A (ko) * 2011-12-21 2013-07-02 (주)보고닷컴 웹페이지 제어 방법
JP2014074981A (ja) * 2012-10-03 2014-04-24 Konica Minolta Inc 表示装置、画像形成装置、および表示制御プログラム
KR20140074490A (ko) * 2012-12-10 2014-06-18 삼성전자주식회사 디스플레이장치 및 그 컨텐츠 제어방법
KR20150010406A (ko) * 2013-07-19 2015-01-28 엘지전자 주식회사 휴대 단말기 및 그 제어 방법

Family Cites Families (38)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH11212982A (ja) * 1998-01-21 1999-08-06 Sony Corp 検索装置
US6408316B1 (en) * 1998-12-17 2002-06-18 International Business Machines Corporation Bookmark set creation according to user selection of selected pages satisfying a search condition
US6523037B1 (en) * 2000-09-22 2003-02-18 Ebay Inc, Method and system for communicating selected search results between first and second entities over a network
US20030208376A1 (en) * 2001-03-02 2003-11-06 Eileen Vennum System and method for disseminating nutritional information
US20060106793A1 (en) * 2003-12-29 2006-05-18 Ping Liang Internet and computer information retrieval and mining with intelligent conceptual filtering, visualization and automation
US20050190280A1 (en) * 2004-02-27 2005-09-01 Haas William R. Method and apparatus for a digital camera scrolling slideshow
US20060107205A1 (en) * 2004-11-12 2006-05-18 Nokia Corporation Determining a main content area of a page
US20060277167A1 (en) * 2005-05-20 2006-12-07 William Gross Search apparatus having a search result matrix display
JP2008077183A (ja) * 2006-09-19 2008-04-03 Fujitsu Ltd スクロール制御プログラム、記録媒体、スクロール制御装置およびスクロール制御方法
JP2008152456A (ja) * 2006-12-15 2008-07-03 Sharp Corp 情報処理装置、情報処理方法およびコンピュータプログラム
US7877384B2 (en) * 2007-03-01 2011-01-25 Microsoft Corporation Scoring relevance of a document based on image text
US7877687B2 (en) * 2007-08-16 2011-01-25 Yahoo! Inc. Persistent visual media player
US20100037138A1 (en) * 2008-08-11 2010-02-11 Live Face On Web, LLC Client-Configurable Video Delivery Platform
KR101791540B1 (ko) * 2009-06-08 2017-10-30 엘지전자 주식회사 이동 단말기 및 이동 단말기의 정보 표시 방법
JP5780409B2 (ja) * 2010-09-28 2015-09-16 カシオ計算機株式会社 表示制御装置及びプログラム
WO2012146508A1 (en) * 2011-04-25 2012-11-01 Alcatel Lucent Privacy protection in recommendation services
US8484187B1 (en) * 2011-10-05 2013-07-09 Google Inc. Enhanced presentation mode for search results
US9569097B2 (en) * 2011-12-01 2017-02-14 Microsoft Technology Licesing, LLC Video streaming in a web browser
KR101363560B1 (ko) * 2012-02-29 2014-02-18 주식회사 팬택 휴대용 단말 및 이의 동작 제어 방법
US20130262968A1 (en) * 2012-03-31 2013-10-03 Patent Speed, Inc. Apparatus and method for efficiently reviewing patent documents
US20130339830A1 (en) * 2012-06-15 2013-12-19 Microsoft Corporation Optimized document views for mobile device interfaces
KR101871718B1 (ko) * 2012-06-25 2018-06-27 엘지전자 주식회사 이동단말기 및 그 제어방법
KR20140058212A (ko) * 2012-11-06 2014-05-14 삼성전자주식회사 객체 상태를 디스플레이하기 위한 방법 및 그 방법을 처리하는 전자 장치
CN102968509B (zh) * 2012-12-17 2016-03-09 腾讯科技（深圳）有限公司 一种播放浏览器中多媒体的方法和装置
JP6365529B2 (ja) * 2013-02-27 2018-08-01 日本電気株式会社 端末装置、情報表示方法及びプログラム
JP5638648B2 (ja) * 2013-03-22 2014-12-10 ヤフー株式会社 広告生成装置、広告生成プログラム、及び端末装置
US10095397B2 (en) * 2013-04-30 2018-10-09 Splunk Inc. Navigating scrollable sections of content in a viewing area
KR102163991B1 (ko) * 2013-05-03 2020-10-12 삼성전자 주식회사 휴대 단말기의 아이템 선택 방법 및 장치
US9652782B2 (en) * 2013-05-17 2017-05-16 Apple Inc. Interaction-aware advertising for minimizing banner blindness
WO2014188497A1 (ja) * 2013-05-20 2014-11-27 楽天株式会社 情報処理装置
WO2014188496A1 (ja) * 2013-05-20 2014-11-27 楽天株式会社 情報処理装置
EP3006184A4 (en) * 2013-05-31 2017-04-05 Mitsubishi Heavy Industries Plastic Technology Co., Ltd. Control device for injection molding machine
US10028008B2 (en) * 2014-02-04 2018-07-17 Google Llc Persistent media player
JP5714145B1 (ja) * 2014-02-12 2015-05-07 ヤフー株式会社 配信装置、端末装置、配信方法および配信プログラム
US10747416B2 (en) * 2014-02-13 2020-08-18 Samsung Electronics Co., Ltd. User terminal device and method for displaying thereof
US20160140626A1 (en) * 2014-10-12 2016-05-19 Atul Agarwal Web page advertisement configuration and optimization with visual editor and automatic website and webpage analysis
US9678629B2 (en) * 2014-12-11 2017-06-13 Ariba, Inc. Focusing on multiple selected rows within a data table
US10134074B2 (en) * 2015-01-30 2018-11-20 Walmart Apollo, Llc System for snap and pan of embedded maps within retail store search results and method of using same

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20110108681A (ko) * 2010-03-29 2011-10-06 주식회사 인프라웨어 웹페이지 표시 방법 및 이를 위한 컴퓨터로 판독가능한 기록매체
KR20130073016A (ko) * 2011-12-21 2013-07-02 (주)보고닷컴 웹페이지 제어 방법
JP2014074981A (ja) * 2012-10-03 2014-04-24 Konica Minolta Inc 表示装置、画像形成装置、および表示制御プログラム
KR20140074490A (ko) * 2012-12-10 2014-06-18 삼성전자주식회사 디스플레이장치 및 그 컨텐츠 제어방법
KR20150010406A (ko) * 2013-07-19 2015-01-28 엘지전자 주식회사 휴대 단말기 및 그 제어 방법

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107422901A (zh) * 2017-05-08 2017-12-01 广州视源电子科技股份有限公司 触控屏防误触的方法和系统
EP3486763A1 (en) * 2017-11-17 2019-05-22 Samsung Electronics Co., Ltd. Apparatus and method for visually providing information regarding contents indicating time interval
US10770033B2 (en) 2017-11-17 2020-09-08 Samsung Electronics Co., Ltd. Apparatus and method for visually providing information regarding contents indicating time interval
EP3736680A1 (en) * 2017-11-17 2020-11-11 Samsung Electronics Co., Ltd. Apparatus and method for visually providing information regarding contents indicating time interval

Also Published As

Publication number Publication date
US10795564B2 (en) 2020-10-06
JP6563522B2 (ja) 2019-08-21
US20180129392A1 (en) 2018-05-10
KR20160132704A (ko) 2016-11-21
JP2018514880A (ja) 2018-06-07
KR101685288B1 (ko) 2016-12-09

Similar Documents

Publication Publication Date Title
WO2016182328A1 (ko) 컨텐츠 표시 제어 방법 및 컨텐츠 표시 제어 방법을 수행하는 사용자 단말
WO2014119967A1 (en) Page search method and electronic device supporting the same
WO2014011009A1 (en) Portable terminal using touch pen and handwriting input method using the same
WO2015016508A1 (en) Character input method and display apparatus
WO2013125914A1 (en) Method and apparatus for object size adjustment on a screen
WO2015182811A1 (ko) 사용자 인터페이스 제공 장치 및 방법
WO2019139367A1 (en) Display device and method for touch interface
WO2016085186A1 (en) Electronic apparatus and method for displaying graphical object thereof
WO2015020496A1 (ko) 동영상 편집을 위한 사용자 인터페이스의 제공장치, 그 제공방법 및 기록매체
WO2014185582A1 (en) Display device and method of controlling therefor
EP3338203A1 (en) Method and apparatus for navigation in webpage
WO2015072803A1 (ko) 단말기 및 단말기의 제어 방법
WO2016080596A1 (ko) 프로토타이핑 툴을 제공하기 위한 방법, 시스템 및 비일시성의 컴퓨터 판독 가능한 기록 매체
WO2015178691A1 (en) Display apparatus and controlling method thereof
WO2013005901A1 (en) Apparatus and method for inputting character on touch screen
WO2014069815A1 (ko) 학습용 마스크 디스플레이 장치 및 학습용 마스크 표시 방법
WO2017191895A1 (ko) 터치 입력 장치의 디스플레이 방법
WO2016111514A1 (en) Method of displaying content and electronic device implementing same
WO2021137507A1 (en) Display apparatus and controlling method thereof
WO2019132563A1 (ko) 이미지 패닝 방법
WO2018056587A1 (en) Electronic apparatus and controlling method thereof
WO2015174623A1 (ko) 입력 처리 장치 및 방법
WO2019098534A1 (ko) 전자 장치 및 그 제어 방법
WO2020231074A1 (ko) 커서 제어 방법, 장치 및 컴퓨터 판독가능 기록 매체
WO2017010649A1 (ko) 만화컨텐츠의 다국어 자동편집 방법

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 16792974

Country of ref document: EP

Kind code of ref document: A1

WWE Wipo information: entry into national phase

Ref document number: 15573130

Country of ref document: US

ENP Entry into the national phase

Ref document number: 2017559393

Country of ref document: JP

Kind code of ref document: A

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 16792974

Country of ref document: EP

Kind code of ref document: A1