KR101989088B1 - Method and system to implement hybrid scroll view - Google Patents

Abstract

A method and system for implementing a hybrid scroll view is disclosed. A computer-implemented method includes: displaying at least one of an upper and a lower end of an engine view in which contents are displayed by a content rendering engine on the electronic device, a scroll view combining an operating system view in which additional information is displayed by an operating system on the electronic device ≪ / RTI > And displaying the additional information together with the content as a scroll view type through the scroll view.

Description

[0001] METHOD AND SYSTEM FOR IMPLEMENTING HYBRID SCROLL VIEW [0002]

The following description relates to a technique for inserting additional information into contents of a scroll view method.

Recently, online comics have been released and many users are getting fun and information through comics reading. The online cartoon providing system restricts the access to the members according to the approval result when processing the authentication. Authorized users can select the cartoon and select the automatic turn or manual turn so that the cartoon can be viewed more easily.

It is hoped that many advertisers will advertise in online cartoons, recognizing that the majority of the population who watch cartoons through the online comic delivery system will develop into the mainstream of the next generation of consumption because ages are ages active in online shopping and online activities.

For example, in Korean Patent Laid-Open No. 10-2003-0013535 (published on February 15, 2003), a product, image, logo, or the like having a brand name commissioned by an advertiser is inserted into a cartoon A technique for advertising a specific product or brand without a sense of discomfort is disclosed.

A method and system for implementing a hybrid scroll view by interlocking a device operating system (OS) and a content rendering engine are provided.

A method and system for providing scrolling views in which scale units are matched between an operating system view and a content rendering engine view.

A method and system for inserting additional information by an operating system view at the top and / or bottom of the content.

A content providing method in an electronic device implemented by a computer, the method comprising: displaying additional information by at least one of an upper end and a lower end of an engine view in which content is displayed by a content rendering engine on the electronic device; Creating a scrolling view in which operating system views are combined; And displaying the additional information in a scroll view type together with the content through the scroll view.

According to an aspect of the present invention, the creating step may include matching a scale unit between the content rendering engine and the operating system.

According to another aspect, the generating step includes: specifying a height of the operating system view; Calculating an overall height including a height of the operating system view and a height of the engine view; And generating a scroll view according to the overall height.

According to another aspect of the present invention, the calculating step may include calculating a height of the operating system view as a height of the scale unit corresponding to the engine view.

According to another aspect of the present invention, the calculating step may calculate the overall height by matching scale units between the content rendering engine and the operating system.

According to another aspect, the step of creating the scroll view according to the overall height may include the step of specifying the overall height of the scroll view in which the engine view and the operating system view are combined by reflecting the overall height to the scroll view of the operating system . ≪ / RTI >

According to another aspect of the present invention, the displaying step may scroll the additional information with the content by the scroll view when scrolling the screen of the electronic device.

And a computer program stored in a computer-readable recording medium for causing the computer to execute the content providing method in combination with the computer.

There is provided a computer-readable recording medium having recorded thereon a program for causing a computer to execute the content providing method.

A content providing system in a computer-implemented electronic device, the content providing system comprising: at least one processor configured to execute computer readable instructions, Generating a scroll view in which at least one of an upper and a lower end of an engine view to be displayed is combined with an operating system view in which additional information is displayed by an operating system on the electronic device; And displaying the additional information together with the content as a scroll view type through the scroll view.

According to embodiments of the present invention, it is possible to implement a hybrid scroll view on an operating system by linking a device operating system and a content rendering engine.

According to embodiments of the present invention, additional information by the operating system view can be inserted at the top and / or bottom of the content through the scroll view in which the scale units are matched between the operating system view and the content rendering engine view.

1 is a diagram illustrating an example of a network environment according to an embodiment of the present invention.
2 is a block diagram for explaining an internal configuration of an electronic device and a server in an embodiment of the present invention.
3 is a flowchart illustrating an example of a content providing method that can be performed by an electronic device according to an embodiment of the present invention.
FIG. 4 illustrates an example of a process of generating a scroll view in which an operating system view and an engine view are combined according to an embodiment of the present invention.
5 illustrates an example of a rendering engine coordinate system in one embodiment of the present invention.
6 shows an example of a device coordinate system in an embodiment of the present invention.
FIG. 7 illustrates an example of a scroll view in which an operating system view and an engine view are combined according to an embodiment of the present invention.
FIG. 8 illustrates a scroll example of a scroll view in which an operating system view and an engine view are combined according to an exemplary embodiment of the present invention.

DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENTS Hereinafter, embodiments of the present invention will be described in detail with reference to the accompanying drawings.

Embodiments of the present invention relate to a technique for inserting additional information into contents of a scroll view system.

Embodiments including those specifically disclosed herein can implement a hybrid scroll view on an operating system by interlocking a device operating system and a content rendering engine, thereby providing a significant advantage in terms of compatibility, efficiency, Can be achieved.

1 is a diagram illustrating an example of a network environment according to an embodiment of the present invention. 1 shows an example in which a plurality of electronic devices 110, 120, 130, 140, a plurality of servers 150, 160, and a network 170 are included. 1, the number of electronic devices and the number of servers are not limited to those shown in FIG.

The plurality of electronic devices 110, 120, 130, 140 may be a fixed terminal implemented as a computer device or a mobile terminal. A mobile phone, a tablet PC, a navigation device, a computer, a notebook, a digital broadcasting terminal, a PDA (personal digital assistant), a PMP (personal digital assistant) Portable Multimedia Player). For example, the first electronic device 110 may communicate with other electronic devices 120, 130, 140 and / or the servers 150, 160 via the network 170 using a wireless or wired communication scheme.

The communication method is not limited, and may include a communication method using a communication network (for example, a mobile communication network, a wired Internet, a wireless Internet, a broadcasting network) that the network 170 may include, as well as a short-range wireless communication between the devices. For example, the network 170 may be a personal area network (LAN), a local area network (LAN), a campus area network (CAN), a metropolitan area network (MAN), a wide area network (WAN) , A network such as the Internet, and the like. The network 170 may also include any one or more of a network topology including a bus network, a star network, a ring network, a mesh network, a star-bus network, a tree or a hierarchical network, It is not limited.

Each of the servers 150 and 160 is a computer device or a plurality of computers that communicate with a plurality of electronic devices 110, 120, 130 and 140 through a network 170 to provide commands, codes, files, Lt; / RTI > devices. For example, the server 160 may provide a file for installation of an application to the first electronic device 110 connected via the network 170. [ In this case, the first electronic device 110 can install an application using a file provided from the server 160. [ It is also possible to access the server 150 according to the control of an operating system (OS) included in the first electronic device 110 or at least one program (for example, a browser or an installed application) Contents can be provided. For example, if the first electronic device 110 transmits a service request message to the server 150 via the network 170 under the control of the application, the server 150 transmits a code corresponding to the service request message to the first And the first electronic device 110 can provide contents to the user by displaying and displaying a screen according to the code according to the control of the application.

2 is a block diagram for explaining an internal configuration of an electronic device and a server in an embodiment of the present invention. In FIG. 2, the internal configuration of the first electronic device 110 as an example of one electronic device and the server 150 as an example of one server will be described. Other electronic devices 120, 130, 140 or server 160 may have the same or similar internal configurations.

The first electronic device 110 and the server 150 may include memories 211 and 221, processors 212 and 222, communication modules 213 and 223 and input / output interfaces 214 and 224. The memories 211 and 221 may be a computer-readable recording medium and may include a permanent mass storage device such as a random access memory (RAM), a read only memory (ROM), and a disk drive. The memory 211 and 221 may store an operating system or at least one program code (for example, codes for an application installed and driven in the first electronic device 110). These software components may be loaded from a computer readable recording medium separate from the memories 211 and 221. [ Such a computer-readable recording medium may include a computer-readable recording medium such as a floppy drive, a disk, a tape, a DVD / CD-ROM drive, and a memory card. In other embodiments, the software components may be loaded into memory 211, 221 via communication modules 213, 223 rather than a computer readable recording medium. For example, at least one program may be a program installed by a file distribution system (for example, the server 160 described above) that distributes installation files of developers or applications, May be loaded into the memory 211, 221 based on the application described above.

Processors 212 and 222 may be configured to process instructions of a computer program by performing basic arithmetic, logic, and input / output operations. The instructions may be provided to the processors 212 and 222 by the memories 211 and 221 or the communication modules 213 and 223. For example, the processors 212 and 222 may be configured to execute instructions received in accordance with program codes stored in a recording device, such as memories 211 and 221. [

The communication modules 213 and 223 may provide a function for the first electronic device 110 and the server 150 to communicate with each other through the network 170 and may be connected to other electronic devices ) Or another server (e.g., server 160). For example, a request (e.g., a search request) generated by the processor 212 of the first electronic device 110 in accordance with a program code stored in a recording device, such as the memory 211, To the server 150 via the Internet 170. Conversely, control signals, commands, contents, files, and the like provided under the control of the processor 222 of the server 150 are transmitted to the communication module 223 of the first electronic device 110 via the communication module 223 and the network 170, May be received by the first electronic device (110) via the second network (213). For example, the control signal or command of the server 150 received through the communication module 213 may be transmitted to the processor 212 or the memory 211, and contents or files may be transmitted to the first electronic device 110, May also be stored as a storage medium.

The input / output interface 214 may be a means for interfacing with the input / output device 215. For example, the input device may include a device such as a keyboard or a mouse, and the output device may include a device such as a display for displaying a communication session of the application. As another example, the input / output interface 214 may be a means for interfacing with a device having integrated functions for input and output, such as a touch screen. The processor 212 of the first electronic device 110 may use the data provided by the server 150 or the second electronic device 120 in processing the instructions of the computer program loaded into the memory 211. For example, A service screen or contents configured by the user can be displayed on the display through the input / output interface 214. [ The input / output interface 224 can also output information configured using the data provided by the server 150 in processing the instructions of the computer program loaded in the memory 221 by the processor 222 of the server 150 have.

Also, in other embodiments, the first electronic device 110 and the server 150 may include more components than the components of FIG. For example, the first electronic device 110 may be implemented to include at least some of the input / output devices 215 described above, or may be implemented as a transceiver, a Global Positioning System (GPS) module, a camera, And may further include components. More specifically, when the first electronic device 110 is a smart phone, it may be an acceleration sensor, a gyro sensor, a camera, various physical buttons, buttons using a touch panel, input / output ports, It is understood that various components such as a vibrator may be further included in the first electronic device 110. However, there is no need to clearly illustrate most prior art components.

3 is a flowchart illustrating an example of a method that an electronic device according to an embodiment of the present invention can perform.

The first electronic device 110 according to the present embodiment may be configured with a computer-implemented content providing system. The content providing system can be configured as a PC-based program or an application dedicated to a mobile terminal. The content providing system according to the present embodiment may be implemented as a program operating independently or in an in-app form of a specific application, and may be implemented to be able to operate on the specific application. The content providing system may be implemented as an application installed on the first electronic device 110, and may provide a content service through interworking with the server 150.

In the present specification, content refers to visual content such as a webtoon, a photograph, a movie, and the like. Hereinafter, a content of a scroll view type such as a webtoon to which various effects are applied, that is, an effect toon, will be described as a representative example. Here, the effect toon is associated with the scroll position to provide various effects such as movement, rotation, enlargement, reduction, transparency, appearance, disappearance, background music fade in / out, parallax, wiggle, It is a webtoon that plays a gutter, an effect sound, a vibration, an animation, and a perspective processing.

The present invention is not limited to the content of the scroll view type, and it is also possible to apply the content targeted for the combination of the operating system view and the content rendering engine view, for example, the content of the three-dimensional view type.

The processor 212 of the first electronic device 110 may control the first electronic device 110 to perform the steps S310 through S330 included in the content providing method of FIG. For example, the processor 212 may be implemented to execute instructions according to code of an operating system and code of at least one program that the memory 211 contains.

In step S310, the processor 212 may read the necessary commands from the loaded memory 211 with instructions related to control of the first electronic device 110. [ In this case, the read command may include instructions for controlling the processor 212 to execute steps S320 to S330 to be described later. In other words, the processor 212 receives a code corresponding to a service request of the first electronic device 110 from the server 150, and transmits a necessary operating system (for example, , Android Application) and at least one program (a content rendering engine of a service dedicated application installed and operated in the first electronic device 110, for example, an Android Native Engine).

In step S320, the processor 212 determines whether or not a view (hereinafter referred to as an 'operating system view') of the first electronic device 110 and a view (hereinafter referred to as an 'engine view' You can create a combined scrolling view. At this time, the processor 212 matches the scale units between the operating system and the content rendering engine. The contents of a scroll view type such as an effect toon are displayed through a content rendering engine, and supplementary information such as an advertisement or a guidance message provided together with contents is displayed through an operating system view. In order to implement various effects of Effect Toon, the content rendering engine can work with the operating system view. In this way, a process of matching the units of scale is required when the content rendered on one screen is mixed with the content rendered on the operating system and the content rendering engine. For example, since the OpenGL coordinate system of the engine that renders the effect toon differs from the device coordinate system used in the operating system, the scale unit of the operating system view and the scale unit of the engine view must be matched.

In step S330, the processor 212 inserts the additional information by the operating system view into at least one of the top and bottom of the content through the scroll view combining the operating system view and the engine view, and displays the additional information in the scroll view type together with the content have. The processor 212 may insert and display scrollable additional information together with the content through a scrolled view in which scale units are matched between the operating system and the content rendering engine. Accordingly, as the operating system view is inserted at the upper and / or lower ends of the engine view, additional information may appear or disappear from the top or bottom end while scrolling up and down as the content scrolls.

FIG. 4 illustrates an example of a process of generating a scroll view in which an operating system view and an engine view are combined according to an embodiment of the present invention.

The processor 212 may designate a top view and a height of the bottom view for displaying additional information by the operating system view at the upper end and the lower end of the content, respectively (S401). In the present embodiment, the upper view and the lower view for displaying additional information are inserted. However, the present invention is not limited to this, and one or more views of the upper view and the lower view may be selectively inserted.

The processor 212 calculates the height of the top view and the bottom view, which are operating system views, to the height of the scale unit corresponding to the engine view, and then calculates the height of the top view and the bottom view, The total height can be calculated (S402). The processor 212 needs a process of matching the scale units between the operating system and the content rendering engine using different coordinate systems in order to generate the scroll view in which the operating system view and the engine view are combined.

FIG. 5 illustrates an example of a rendering engine coordinate system 500 used in the content rendering engine. 5, the engine view 510 is represented in the (x, y) coordinate space in the rendering engine coordinate system 500, and the lowermost point of the engine view 510 corresponds to the zero point 511.

6 illustrates an example of a device coordinate system 600 used in the operating system of the first electronic device 110. In FIG. 6, the scroll view 610 is represented in the (x, -y) coordinate space in the device coordinate system 600, and the leftmost point of the scroll view 610 corresponds to the zero point 611.

The scroll view generated by combining the operating system view (upper / lower view) and the engine view is as shown in FIG. 7, and the total height H can be defined as shown in Equation (1).

[Equation 1]

H = headerHeight / scale + contentHeight + footerHeight / scale

headerHeight / scale is the height of the top view, contentHeight is the height of the engine view (content), and footerHeight / scale is the height of the bottom view. In this case, scale is a factor for matching the scale units between the operating system and the content rendering engine, and can be defined as Equation (2).

&Quot; (2) "

Scale = ContentOffset / DeviceOffset

DeviceOffset denotes the height value of the scroll view 610 in the device coordinate system 600 and ContentOffset denotes the height value of the engine view 510 in the rendering engine coordinate system 500.

Thus, the processor 212 may convert the physical size specified in the operating system to a logical size applicable in the content rendering engine to create a scrolling view combining the operating system view and the engine view.

4, the processor 212 returns the overall height, including the operating system view (top / bottom view) and the height of the engine view (content), to the operating system, thereby specifying the overall height of the scroll view combined with the operating system view and engine view (S404).

Then, the processor 212 may display the current scroll position (current) when scrolling up and down with respect to the scroll view combined with the operating system view and the engine view (S405). At this time, the view area currently displayed according to scrolling can be defined as ContentOffset + current / scale.

For example, referring to FIG. 8, when an upper view and a lower view are combined with an operating system view for displaying additional information such as an advertisement and a guidance phrase at an upper end and a lower end of an effect toon view by the content rendering engine, The effect toon and the additional information can be scrolled together through the combined scroll view. When the user scrolls from top to bottom with respect to a scroll view combined with an operating system view (upper / lower view) and an engine view (effect toon view), a view area 800, which is visible on the screen of the first electronic device 110, The additional information on the upper view coupled to the end may be exposed first, then the effect toon may be exposed sequentially, and finally, the additional information on the lower view coupled to the lower end of the effect toon view may be exposed.

Therefore, in the engine that renders the scroll view type content like the effect toon, the scrolling unit value of the operating system is taken into consideration and the height of the operating system view (top view / bottom view) is adjusted to the height including the operating system view, You can scroll along with it. In other words, the operating system view (top view / bottom view) is inserted at the top and / or bottom end of the engine view (effect toon view) and scrolled up / down as well as the effect toon, Additional information may appear or disappear from the display.

As described above, according to the embodiments of the present invention, a hybrid scroll view can be implemented on the operating system by interlocking the device operating system and the content rendering engine, and the scroll view in which the scale units are matched between the operating system view and the content rendering engine view, Can be inserted at the top and / or bottom of the content.

The apparatus described above may be implemented as a hardware component, a software component, and / or a combination of hardware components and software components. For example, the apparatus and components described in the embodiments may be implemented as a processor, a controller, an arithmetic logic unit (ALU), a digital signal processor, a microcomputer, a field programmable gate array (FPGA), a programmable logic unit, a 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 execution of the software. For ease of understanding, the processing apparatus may be described as being used singly, but those skilled in the art will recognize that the processing apparatus may have a plurality of processing elements and / As shown in FIG. For example, the processing unit may comprise a plurality of processors or one processor and one controller. Other processing configurations are also possible, such as a parallel processor.

The software may include a computer program, code, instructions, or a combination of one or more of the foregoing, and may be configured to configure the processing device to operate as desired or to process it collectively or collectively Device can be commanded. The software and / or data may be embodied in any type of machine, component, physical device, computer storage media, or device for interpretation by a processing device or to provide instructions or data to the processing device have. The software may be distributed over a networked computer system and stored or executed in a distributed manner. The software and data may be stored on one or more computer readable recording media.

The method according to an embodiment may be implemented in the form of a program command that can be executed through various computer means and recorded in a computer-readable medium. At this time, the medium may be a program that continuously stores a computer executable program, or temporarily stores the program for execution or downloading. Further, the medium may be a variety of recording means or storage means in the form of a combination of a single hardware or a plurality of hardware, but is not limited to a medium directly connected to any computer system, but may be dispersed on a network. Examples of the medium include a magnetic medium such as a hard disk, a floppy disk and a magnetic tape, an optical recording medium such as CD-ROM and DVD, a magneto-optical medium such as a floptical disk, And program instructions including ROM, RAM, flash memory, and the like. As another example of the medium, a recording medium or a storage medium that is managed by a site or a server that supplies or distributes an application store or various other software is also enumerated.

While the present invention has been particularly shown and described with reference to exemplary embodiments thereof, it is to be understood that the invention is not limited to the disclosed exemplary embodiments. For example, it is to be understood that the techniques described may be performed in a different order than the described methods, and / or that components of the described systems, structures, devices, circuits, Lt; / RTI > or equivalents, even if it is replaced or replaced.

Therefore, other implementations, other embodiments, and equivalents to the claims are also within the scope of the following claims.

Claims (15)

A method of providing contents in an electronic device implemented by a computer,
Generating a scroll view in which at least one of an upper and a lower end of an engine view in which content is displayed by the content rendering engine on the electronic device is combined with an operating system view in which additional information is displayed by the operating system on the electronic device; And
Displaying the additional information in a scroll view type together with the content through the scroll view
Lt; / RTI >
A hybrid scroll view on the operating system is implemented by linking the operating system and the content rendering engine,
Wherein the displaying comprises:
Wherein the content rendering engine interoperates with the operating system view to insert the operating system view into at least one of an upper end and a lower end of the engine view, To scroll with
And a content providing method. The method according to claim 1,
Wherein the generating comprises:
Matching the scale units between the content rendering engine and the operating system
The content providing method comprising the steps of: The method according to claim 1,
Wherein the generating comprises:
Specifying a height of the operating system view;
Calculating an overall height including a height of the operating system view and a height of the engine view; And
Creating a scroll view according to the overall height
The content providing method comprising the steps of: The method of claim 3,
Wherein the calculating step comprises:
Calculating a height of the operating system view as a height of the scale unit corresponding to the engine view
The content providing method comprising the steps of: The method of claim 3,
Wherein the calculating step comprises:
Calculating the total height by matching scale units between the content rendering engine and the operating system
And a content providing method. The method of claim 3,
Wherein the step of generating a scroll view according to the overall height comprises:
Designating the overall height of the scroll view in which the engine view and the operating system view are combined by reflecting the overall height in a scroll view of the operating system
The content providing method comprising the steps of: delete A computer program stored in a computer-readable medium for causing a computer to execute the method for providing contents according to any one of claims 1 to 6 in combination with a computer. A computer-readable recording medium storing a program for causing a computer to execute the content providing method according to any one of claims 1 to 6. 1. A content providing system in an electronic device implemented by a computer,
At least one processor configured to execute computer readable instructions,
Lt; / RTI >
Wherein the at least one processor comprises:
Generating a scroll view in which at least one of an upper and a lower end of an engine view in which content is displayed by a content rendering engine on the electronic device is combined with an operating system view in which additional information is displayed by an operating system on the electronic device; And
Displaying the additional information in a scroll view type together with the content through the scroll view
Lt; / RTI >
A hybrid scroll view on the operating system is implemented by linking the operating system and the content rendering engine,
The displaying process may include:
Wherein the content rendering engine interoperates with the operating system view to insert the operating system view into at least one of an upper end and a lower end of the engine view, To scroll with
And the content providing system. 11. The method of claim 10,
Wherein the generating comprises:
Matching the scale units between the content rendering engine and the operating system
And the content providing system. 11. The method of claim 10,
Wherein the generating comprises:
A height of the operating system view and a height of the engine view are calculated to calculate a height of the operating system view and a height of the engine view,
And the content providing system. 13. The method of claim 12,
Wherein the generating comprises:
The height of the operating system view is calculated as the height of the scale unit corresponding to the engine view
And the content providing system. 13. The method of claim 12,
Wherein the generating comprises:
Calculating the total height by matching scale units between the content rendering engine and the operating system
And the content providing system. 13. The method of claim 12,
Wherein the generating comprises:
Designating the overall height of the scroll view in which the engine view and the operating system view are combined by reflecting the overall height in the scroll view of the operating system
And the content providing system.

Images