WO2018233307A1 - Thermodynamic diagram drawing method and apparatus - Google Patents

Thermodynamic diagram drawing method and apparatus Download PDF

Info

Publication number
WO2018233307A1
WO2018233307A1 PCT/CN2018/076414 CN2018076414W WO2018233307A1 WO 2018233307 A1 WO2018233307 A1 WO 2018233307A1 CN 2018076414 W CN2018076414 W CN 2018076414W WO 2018233307 A1 WO2018233307 A1 WO 2018233307A1
Authority
WO
WIPO (PCT)
Prior art keywords
display area
interface
display
click
map
Prior art date
Application number
PCT/CN2018/076414
Other languages
French (fr)
Chinese (zh)
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 北京国双科技有限公司
Publication of WO2018233307A1 publication Critical patent/WO2018233307A1/en

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction 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/0485Scrolling or panning

Definitions

  • the present application relates to the field of thermal drawing technology, and in particular, to a thermal drawing method and apparatus.
  • a heat map is a form of user interest that is reflected by the user clicking on the data.
  • the existing heat drawing method generates a heat map by collecting the click position of the user on the screen of the electronic device, but the content displayed on the screen of the current electronic device is often scrollable, which results in the corresponding display content under the same click position. May be different. If you simply generate a heat map with a click location, you won't be able to accurately represent the user's click interest.
  • a method of drawing heat maps comprising:
  • the first display area is a scrollable area, determining an actual position in the interface map of the first display area corresponding to the click position;
  • the determining the actual location in the interface diagram of the first display area corresponding to the click location includes:
  • the method further includes:
  • the operation information of the content scrolling operation includes: a scrolling direction and a scrolling distance;
  • Determining, according to the operation information of the previous content scrolling operation, the actual location in the interface map of the first display area corresponding to the click location including:
  • the click position is corrected according to the scroll direction and the scroll distance of the previous content scrolling operation, and the actual position in the interface map of the first display area corresponding to the click position is obtained.
  • the method further includes:
  • the interface thermograms of the display regions are combined into one picture according to the relative positional relationship.
  • the method further includes:
  • the interface thermograms of the display regions are combined into one picture according to the coordinates of the identification points.
  • a heat drawing device includes: a click position obtaining unit, an actual position determining unit, and a heat map generating unit,
  • the click location obtaining unit is configured to obtain a click position of the user when the current display content of the first display area performs a click operation
  • the actual position determining unit is configured to determine, when the first display area is a scrollable area, an actual position in the interface map of the first display area corresponding to the click position;
  • the heat map generating unit is configured to generate a heat map of the first display area according to the actual position.
  • the actual location determining unit includes: a trigger determining unit, an operation information obtaining unit, a first determining unit, and a second determining unit,
  • the trigger determining unit is configured to determine whether the current display content is a display content triggered by a content scrolling operation of the first display area by the user, and if yes, triggering the operation information obtaining unit; otherwise triggering the Second determining unit;
  • the operation information obtaining unit is configured to obtain operation information of a user's previous content scrolling operation on the first display area
  • the first determining unit is configured to determine, according to the operation information of the previous content scrolling operation, an actual location in the interface map of the first display area corresponding to the click position;
  • the second determining unit is configured to determine the click position as the actual position.
  • the device further includes: an interface map obtaining unit and a picture processing unit,
  • the interface map obtaining unit is configured to obtain an interface diagram of the first display area
  • the image processing unit is configured to: after generating a heat map of the first display area according to the actual position, placing the heat map on the interface map to obtain an interface heat map of the first display area .
  • the operation information of the content scrolling operation includes: a scrolling direction and a scrolling distance;
  • the first determining unit is configured to: correct the click position according to the scroll direction and the scroll distance of the previous content scrolling operation, and obtain an interface of the first display area corresponding to the click position The actual position in the figure.
  • the method and device for drawing a heat map provided by the present application can obtain a click position when a user performs a click operation on a current display content of the first display area, and when the first display area is a scrollable area, determine the location.
  • the actual position in the interface map of the first display area corresponding to the click position is generated, and the heat map of the first display area is generated according to the actual position. Since the present application can determine the actual position in the interface map of the scrollable area corresponding to the click position, and the actual position matches the location of the content clicked by the user, the heat map generated by the actual position according to the present application correctly reflects the user. Click interest.
  • FIG. 1 is a flow chart showing a method for drawing a heat map provided by an embodiment of the present application
  • FIG. 2 is a schematic diagram of a screen coordinate system provided by an embodiment of the present application.
  • FIG. 3 is a flowchart of another heat drawing method provided by an embodiment of the present application.
  • FIG. 4 is a schematic diagram showing an initial display content of a scrollable area provided by an embodiment of the present application.
  • FIG. 5 is a schematic diagram showing display content of a scrollable area after content scrolling according to an embodiment of the present application.
  • FIG. 6 is a diagram showing an interface of a scrollable area provided by an embodiment of the present application.
  • FIG. 7 is a schematic diagram showing an area displayed by an electronic device according to an embodiment of the present application.
  • FIG. 8 is a schematic diagram showing an initial display content of another scrollable area provided by an embodiment of the present application.
  • FIG. 9 is a schematic diagram of an interface heat map of a scrollable area according to an embodiment of the present application.
  • FIG. 10 is a schematic diagram of an interface heat map of another scrollable area provided by an embodiment of the present application.
  • FIG. 11 is a schematic diagram of an interface heat map after performing image synthesis according to an embodiment of the present application.
  • FIG. 12 is a schematic diagram showing another area displayed by an electronic device according to an embodiment of the present application.
  • FIG. 13 is a schematic diagram showing an initial display content of each area shown in FIG. 12 provided by an embodiment of the present application.
  • FIG. 14 is a schematic diagram of an interface thermal map of a fixed area provided by an embodiment of the present application.
  • 15 is a schematic diagram of an interface thermal map of another fixed area provided by an embodiment of the present application.
  • FIG. 16 is a schematic diagram of an interface heat map after performing image synthesis according to an embodiment of the present application.
  • FIG. 17 is a schematic structural diagram of a heat drawing device provided by an embodiment of the present application.
  • the embodiment of the present application provides a method for drawing a heat map, which may include:
  • the present application can be applied to a heat drawing device such as a server, and the heat drawing server can communicate with an electronic device used by a user to obtain various information uploaded by the electronic device.
  • the step S100 may specifically include: obtaining a click position when the user uploaded by the electronic device performs a click operation on the current display content of the first display area.
  • the display area displayed by the electronic device may include multiple display areas.
  • the first display area may be a scrollable area or a fixed area. It can be understood that, due to different display content types and the like, the display content of the electronic device is often allocated for display in a plurality of different display areas, and some display areas can completely display all display contents allocated to the display area.
  • the class display area is a fixed area. Some display areas cannot completely display all the display contents assigned to the display area, and the user also needs to perform a content scrolling operation on the display content in the display area before browsing to all the display contents assigned to the display area.
  • the display area is the scrollable area.
  • the scrollable area can be implemented in various manners, for example, the scrollable area can be a control with content scrolling function, and the like.
  • the obtained click position may be a coordinate position of the screen of the electronic device.
  • the screen of the electronic device is a Cartesian coordinate system, and the unit is pixel. It is divided into two types: one is as shown in Figure 2, the upper left corner is used as the coordinate circle, and the origin is extended to the right is the positive direction of the X-axis. The lower extension is the positive direction of the Y axis.
  • the other type uses the lower left corner as the coordinate dot, the origin extends to the right in the positive X-axis direction, and the origin extends upward in the positive direction of the Y-axis.
  • the present application may also obtain information such as a screen size, a screen resolution, and the like of the electronic device uploaded by the electronic device.
  • the application can collect information required for generating a heat map sent by a plurality of electronic devices, so that a heat map can be generated according to click data of a plurality of users. Since the electronic device of different screen sizes and resolutions displays a certain content of the same interface, the coordinates of the display area corresponding to the content are not necessarily the same, so the application can classify the electronic device according to the screen of the electronic device, and will have the same.
  • the information required to generate the heat map sent by the electronic device of the size and resolution screen is divided into a set of heat map information, and a heat map is separately generated for each set of heat map information.
  • the difference of the display area coordinates corresponding to the content when the same content is displayed on the screen of different sizes and resolutions may be displayed when the same content is displayed on the screen of different sizes and resolutions.
  • Click on the coordinates to normalize for example: normalize to the click coordinates under the screen of a certain size and resolution.
  • the interface diagram of the first display area is a complete interface diagram of the interface top end of the first display area to the bottom end of the interface.
  • the step S200 may specifically include:
  • the content scrolling operation may be a sliding operation, a click operation, or a drag operation of a slider bar, which is not limited herein.
  • the operation information of the content scrolling operation may include: a scrolling direction and a scrolling distance;
  • the determining, according to the operation information of the previous content scrolling operation, the actual location in the interface map of the first display area corresponding to the click location may include:
  • the click position is corrected according to the scroll direction and the scroll distance of the previous content scrolling operation, and the actual position in the interface map of the first display area corresponding to the click position is obtained.
  • the current display content is a display content triggered by the user performing a content scrolling operation on the first scrollable area, and the user displays the current display content after the user performs the content scrolling operation on the first scrollable area twice, wherein, One scrolling operation is to scroll up 300 pixels, the second scrolling operation is to scroll down 500 pixels, and the user's click position in the current display content is (100,500), because the above two content scrolling operations are performed, so Click the position (100,500) to correct the vertical axis coordinate minus 200. The actual position obtained after the correction is (100, 300).
  • the heat map of the first display area can be generated based on each actual position.
  • the size of the heat map generated in step S300 may exceed the size of the first display area.
  • the size of the heat map generated in step S300 may be the same as the size of the interface map of the first display area.
  • the present application discloses a heat drawing method, which can obtain a click position when a user performs a click operation on a current display content of a first display area, and when the first display area is a scrollable area, determine that the click position corresponds to An actual position in the interface map of the first display area, and a heat map of the first display area is generated according to the actual position. Since the present application can determine the actual position in the interface map of the scrollable area corresponding to the click position, and the actual position matches the location of the content clicked by the user, the heat map generated by the actual position according to the present application correctly reflects the user. Click interest.
  • another method for drawing a heat map provided by the embodiment of the present application may further include:
  • the application may obtain an interface map of the first display area in which the heat map needs to be drawn in advance, and the interface map may be provided by the producer of the first display area, or may be generated by the present application.
  • the process of generating an interface map of the first display area may include:
  • Controlling by the size of the first display area, the display content of the first display area to scroll, and obtaining an image of the current display content of the first display area after each scrolling;
  • Each of the images is spliced according to the order in which the images are obtained, and an interface map of the first display area is obtained.
  • the first display area when the first display area is vertically scrolled, the first display area may be controlled to scroll the display content of the height from the first end of the interface according to the height of the first display area until the current display content includes the interface.
  • the two ends since the distance of each scroll is the same as the height of the first display area, the images of the first display area are obtained by splicing the respective images together in the order of obtaining.
  • the first display area When scrolling vertically from the top end of the first display area to the bottom end, the first display area may be controlled to scroll from the top of the interface every time the display content of the height is displayed according to the height of the first display area until the current display content includes the interface.
  • the bottom end is spliced together from top to bottom in the order of obtaining to obtain an interface map of the first display area; and when scrolling vertically from the bottom end of the first display area to the top end, the height of the first display area may be Controlling the first display area from the bottom end of the interface, scrolling the display content of the height each time until the current display content includes the top end of the interface, and stitching together from bottom to top in the order of obtaining to obtain an interface map of the first display area.
  • the first display area When the first display area is scrolled laterally, the first display area may be controlled to scroll the display content of the width from the third end of the interface according to the width of the first display area until the fourth end of the interface is included in the current display content. The opposite end of the three ends). Since the distance of each scroll is the same as the width of the first display area, the images of the first display area are obtained by splicing the respective images together in the order of obtaining, when scrolling laterally from the left end to the right end of the first display area or When scrolling laterally from the right end to the left end of the first display area, reference may be made to the above description of vertical scrolling, except that the end operation of each scroll is scrolling to the display content of the width until the current display content includes the interface.
  • the fourth end is spliced from the corresponding order in the order of obtaining, such as when scrolling laterally from the left end to the right end of the first display area, the fourth end is the right end of the interface, and splicing from left to right in the order of obtaining.
  • FIG. 4 Assume that the current display content of the top of the interface containing the scrollable area is as shown in FIG. 4, and the display content after scrolling down the height of the scrollable area is as shown in FIG. 5, and FIG. 5 includes the bottom end of the interface, and FIG. 4 and FIG. Figure 5 is a spliced interface diagram of the scrollable area shown in Figure 6.
  • the present application may apply heat according to the identification point of the heat map of the first display area and the identification point of the interface map of the first display area.
  • the diagram is placed on the interface diagram.
  • the identification point is a point in the upper left corner
  • the heat map of the first display area may be moved to the interface diagram and the heat map is made.
  • the coordinates of the point in the upper left corner are the same as the coordinates of the point in the upper left corner of the interface graph.
  • the identification point can be a center point or a vertex.
  • the interface thermograms of the display regions are combined into one picture according to the relative positional relationship.
  • the interface displayed by the electronic device may include multiple display areas at the same time, such as several scrollable areas and several fixed areas; or several scrollable areas.
  • a relative position identifier may be set for the interface heat map of each display area according to the obtained relative positional relationship of each display area, so that the position of the picture is set according to the relative position identifier when the picture is synthesized.
  • one of the display areas may be used as a reference area, and each of the other display areas is compared with the reference area to determine the area position. The relative positional relationship between each of the other display areas and the reference area.
  • the area position may be compared by comparing coordinates of the identification points of the display area in the interface displayed by the electronic device, where the coordinates of the identification point of the display area may be the coordinates of the center point of the display area and the coordinates of the vertices of the display area. Wait.
  • the coordinate system of the interface displayed by the electronic device shown in FIG. 7 is the screen coordinate system shown in FIG. 2.
  • the first scrollable area shown in FIG. 7 can be used as a reference area, and the relative positional relationship between the two can be determined by comparing the coordinates of the center points of the first scrollable area and the second scrollable area.
  • the abscissa of the center point of the second scrollable area is the same as the abscissa of the center point of the first scrollable area, and the ordinate of the center point of the second scrollable area is smaller than the ordinate of the center point of the first scrollable area Therefore, it can be determined that the second scrollable area is located to the left of the first scrollable area.
  • the interface thermograms of the display regions are combined into one picture according to the coordinates of the identification points.
  • the identification point can be a center point or a vertex.
  • the interface heat map of each display area is synthesized into a picture according to the coordinates of the identifier point, and may include:
  • the interface thermograms of the display areas of the set positions are combined into one picture.
  • the identification point is the vertex of the upper left corner
  • the identification point of a display area is the origin of the upper left corner of the electronic device screen, and the coordinate is (0, 0)
  • the identification point of the interface heat map of the area can be set as the origin.
  • the interface thermogram can be synthesized in the same coordinate system as the screen of the electronic device.
  • the heat map of the fixed area can be generated by the existing heat map generation method, which is not described herein.
  • the interface heat map of the scrollable area is generally larger than the interface heat map of the fixed area, it is possible to whiten part of the area when performing the interface heat map synthesis.
  • the process of merging the interface heat maps of the plurality of scrollable areas is illustrated as follows: as shown in FIG. 7 , the area displayed by the electronic device includes a first scrollable area and a second scrollable area, wherein the first scrollable area
  • the initial display content of the area is as shown in FIG. 4; the initial display content of the second scrollable area is as shown in FIG. 8.
  • the interface thermogram of the first scrollable region and the interface thermodynamic map of the second scrollable region obtained according to the thermogram drawing method of the present application are as shown in FIGS. 9 and 10, respectively.
  • the interface thermograms shown in FIG. 9 and FIG. 10 are combined to obtain a picture as shown in FIG. It can be understood that, since the interface heat map shown in FIG. 9 is longer than the interface heat map shown in FIG. 10, the top end of FIG. 9 and FIG. 10 are flush, and the interface heat map shown in FIG. 10 is left. White.
  • the process of merging the interface heat map of the scrollable area and the interface heat map of the fixed area is illustrated as follows: as shown in FIG. 12, the area displayed by the electronic device includes a first scrollable area, a second scrollable area, and a first A fixed area and a second fixed area.
  • the initial display content of the first scrollable area, the second scrollable area, the first fixed area and the second fixed area please refer to the content shown in FIG.
  • the interface thermograms of the first scrollable area and the second scrollable area are described in the previous examples, and are not described again.
  • the interface thermograms of the first fixed area and the second fixed area are as shown in FIGS. 14 and 15, respectively. Then, according to the relative positional relationship of the above four regions, they are synthesized to obtain a heat map as shown in FIG.
  • the embodiment of the present application further provides a heat drawing device, which is described in detail below with reference to the accompanying drawings:
  • a heat drawing device may include: a click position obtaining unit 100, an actual position determining unit 200, and a heat map generating unit 300.
  • the click location obtaining unit 100 is configured to obtain a click position of the user when the current display content of the first display area performs a click operation
  • the heat drawing device of the present application may be a heat drawing server, and the heat drawing server may communicate with the electronic device used by the user to obtain various information uploaded by the electronic device.
  • the click location obtaining unit 100 may be specifically configured to: obtain a click position of the user uploaded by the electronic device when the current display content of the first display area performs a click operation.
  • the display area displayed by the electronic device may include multiple display areas.
  • the first display area may be a scrollable area or a fixed area. It can be understood that, due to different display content types and the like, the display content of the electronic device is often allocated for display in a plurality of different display areas, and some display areas can completely display all display contents allocated to the display area.
  • the class display area is a fixed area. Some display areas cannot completely display all the display contents assigned to the display area, and the user also needs to perform a content scrolling operation on the display content in the display area before browsing to all the display contents assigned to the display area.
  • the display area is the scrollable area.
  • the scrollable area can be implemented in various manners, for example, the scrollable area can be a control with content scrolling function, and the like.
  • the actual position determining unit 200 is configured to determine, when the first display area is a scrollable area, an actual position in the interface map of the first display area corresponding to the click position;
  • the interface diagram of the first display area is a complete interface diagram of the interface top end of the first display area to the bottom end of the interface.
  • the actual location determining unit 200 may include: a trigger determining unit, an operation information obtaining unit, a first determining unit, and a second determining unit,
  • the trigger determining unit is configured to determine whether the current display content is a display content triggered by a content scrolling operation of the first display area by the user, and if yes, triggering the operation information obtaining unit; otherwise triggering the Second determining unit;
  • the operation information obtaining unit is configured to obtain operation information of a user's previous content scrolling operation on the first display area
  • the first determining unit is configured to determine, according to the operation information of the previous content scrolling operation, an actual location in the interface map of the first display area corresponding to the click position;
  • the second determining unit is configured to determine the click position as the actual position.
  • the content scrolling operation may be a sliding operation, a click operation, or a drag operation of a slider bar, which is not limited herein.
  • the operation information of the content scrolling operation may include: a scrolling direction and a scrolling distance;
  • the first determining unit may be configured to: correct the click position according to the scrolling direction and the scrolling distance of the previous content scrolling operation, and obtain the click location corresponding to the The actual position in the interface map of a display area.
  • the heat map generating unit 300 is configured to generate a heat map of the first display area according to the actual position.
  • the heat map of the first display area can be generated based on each actual position.
  • the size of the heat map generated by the heat map generating unit 300 may exceed the size of the first display area.
  • the size of the heat map generated by the heat map generating unit 300 may be the same as the size of the interface map of the first display area.
  • the present application discloses a heat drawing device capable of obtaining a click position when a user performs a click operation on a current display content of a first display area.
  • the first display area is a scrollable area
  • determining that the click position corresponds to An actual position in the interface map of the first display area and a heat map of the first display area is generated according to the actual position. Since the present application can determine the actual position in the interface map of the scrollable area corresponding to the click position, and the actual position matches the location of the content clicked by the user, the heat map generated by the actual position according to the present application correctly reflects the user. Click interest.
  • another heat drawing device provided by the embodiment of the present application may further include: an interface map obtaining unit and a picture processing unit.
  • the interface map obtaining unit is configured to obtain an interface diagram of the first display area
  • the interface map obtaining unit may be specifically configured to control the display content of the first display area to be scrolled according to the size of the first display area, and obtain an image of the current display content of the first display area after each scrolling; The obtaining order of the images is spliced to each of the images to obtain an interface map of the first display area.
  • the image processing unit is configured to: after generating a heat map of the first display area according to the actual position, placing the heat map on the interface map to obtain an interface heat map of the first display area .
  • the application may obtain an interface map of the first display area in which the heat map needs to be drawn in advance, and the interface map may be provided by the producer of the first display area, or may be generated by the present application.
  • the present application may apply heat according to the identification point of the heat map of the first display area and the identification point of the interface map of the first display area.
  • the diagram is placed on the interface diagram.
  • the identification point is a point in the upper left corner
  • the heat map of the first display area may be moved to the interface diagram and the heat map is made.
  • the coordinates of the point in the upper left corner are the same as the coordinates of the point in the upper left corner of the interface graph.
  • the identification point can be a center point or a vertex.
  • Another heat drawing device may further include: a region quantity determining unit, a position obtaining unit, and a first picture synthesizing unit,
  • the area quantity determining unit is configured to determine the number of display areas in the interface displayed by the electronic device, wherein the display area in the interface displayed by the electronic device is a scrollable area or a fixed area;
  • the location obtaining unit is configured to obtain a relative positional relationship of each display area in an interface displayed by the electronic device when the number is not less than 2;
  • the first picture synthesizing unit is configured to synthesize an interface thermogram of each display area into one picture according to the relative positional relationship.
  • the interface displayed by the electronic device may include multiple display areas at the same time, such as several scrollable areas and several fixed areas; or several scrollable areas.
  • a relative position identifier may be set for the interface heat map of each display area according to the obtained relative positional relationship of each display area, so that the position of the picture is set according to the relative position identifier when the picture is synthesized.
  • Another heat drawing device may further include: a region quantity determining unit, a coordinate obtaining unit, and a second picture synthesizing unit.
  • the area quantity determining unit is configured to determine the number of display areas in the interface displayed by the electronic device, wherein the display area in the interface displayed by the electronic device is a scrollable area or a fixed area;
  • the coordinate obtaining unit is configured to obtain, when the number is not less than 2, coordinates of identifier points of each display area in an interface displayed by the electronic device;
  • the second picture synthesizing unit is configured to synthesize the interface heat map of each display area into one picture according to the coordinates of the identification point.
  • the identification point can be a center point or a vertex.
  • the second picture synthesizing unit may be specifically configured to: set a position of the interface heat map of each display area according to the coordinates of the identifier point, so that the identification point of each interface heat map and the identifier point of the corresponding display area Coincident; combines the interface thermograms of each display area of the set position into one picture.
  • the heat map of the fixed area can be generated by the existing heat map generation method, which is not described herein.
  • the interface heat map of the scrollable area is generally larger than the interface heat map of the fixed area, it is possible to whiten part of the area when performing the interface heat map synthesis.
  • the heat drawing device includes a processor and a memory, and the click position obtaining unit, the actual position determining unit, the heat map generating unit, the interface map obtaining unit, and the picture processing unit are all stored as a program unit in a memory and executed by the processor.
  • the above program units stored in the memory implement the corresponding functions.
  • the processor contains a kernel, and the kernel removes the corresponding program unit from the memory.
  • the kernel can be set to one or more, and the heat map can be drawn by adjusting the kernel parameters.
  • the memory may include non-persistent memory, random access memory (RAM), and/or non-volatile memory in a computer readable medium, such as read only memory (ROM) or flash memory (flash RAM), the memory including at least one Memory chip.
  • RAM random access memory
  • ROM read only memory
  • flash RAM flash memory
  • the embodiment of the present application provides a storage medium on which a program is stored, and the program is implemented by a processor to implement the heat map drawing method.
  • An embodiment of the present application provides a processor, where the processor is configured to run a program, where the program is executed to execute the heat drawing method.
  • An embodiment of the present application provides a device, including a processor, a memory, and a program stored on the memory and executable on the processor.
  • the processor implements the following steps when executing the program:
  • the first display area is a scrollable area, determining an actual position in the interface map of the first display area corresponding to the click position;
  • the determining the actual location in the interface diagram of the first display area corresponding to the click location includes:
  • the processor can also implement the following steps when executing the program:
  • the operation information of the content scrolling operation includes: a scrolling direction and a scrolling distance;
  • Determining, according to the operation information of the previous content scrolling operation, the actual location in the interface map of the first display area corresponding to the click location including:
  • the click position is corrected according to the scroll direction and the scroll distance of the previous content scrolling operation, and the actual position in the interface map of the first display area corresponding to the click position is obtained.
  • the processor can also implement the following steps when executing the program:
  • the interface thermograms of the display regions are combined into one picture according to the relative positional relationship.
  • the processor can also implement the following steps when executing the program:
  • the interface thermograms of the display regions are combined into one picture according to the coordinates of the identification points.
  • the devices in this document can be servers, PCs, PADs, mobile phones, and the like.
  • the present application also provides a computer program product, when executed on a data processing device, adapted to perform a process of initializing the method steps as follows:
  • the first display area is a scrollable area, determining an actual position in the interface map of the first display area corresponding to the click position;
  • the determining the actual location in the interface diagram of the first display area corresponding to the click location includes:
  • the operation information of the content scrolling operation includes: a scrolling direction and a scrolling distance;
  • Determining, according to the operation information of the previous content scrolling operation, the actual location in the interface map of the first display area corresponding to the click location including:
  • the click position is corrected according to the scroll direction and the scroll distance of the previous content scrolling operation, and the actual position in the interface map of the first display area corresponding to the click position is obtained.
  • the interface thermograms of the display regions are combined into one picture according to the relative positional relationship.
  • the interface thermograms of the display regions are combined into one picture according to the coordinates of the identification points.
  • embodiments of the present application can be provided as a method, system, or computer program product.
  • the present application can take the form of an entirely hardware embodiment, an entirely software embodiment, or an embodiment in combination of software and hardware.
  • the application can take the form of a computer program product embodied on one or more computer-usable storage media (including but not limited to disk storage, CD-ROM, optical storage, etc.) including computer usable program code.
  • the computer program instructions can also be stored in a computer readable memory that can direct a computer or other programmable data processing device to operate in a particular manner, such that the instructions stored in the computer readable memory produce an article of manufacture comprising the instruction device.
  • the apparatus implements the functions specified in one or more blocks of a flow or a flow and/or block diagram of the flowchart.
  • These computer program instructions can also be loaded onto a computer or other programmable data processing device such that a series of operational steps are performed on a computer or other programmable device to produce computer-implemented processing for execution on a computer or other programmable device.
  • the instructions provide steps for implementing the functions specified in one or more of the flow or in a block or blocks of a flow diagram.
  • a computing device includes one or more processors (CPUs), input/output interfaces, network interfaces, and memory.
  • processors CPUs
  • input/output interfaces network interfaces
  • memory volatile and non-volatile memory
  • the memory may include non-persistent memory, random access memory (RAM), and/or non-volatile memory in a computer readable medium, such as read only memory (ROM) or flash memory.
  • RAM random access memory
  • ROM read only memory
  • Memory is an example of a computer readable medium.
  • Computer readable media includes both permanent and non-persistent, removable and non-removable media.
  • Information storage can be implemented by any method or technology.
  • the information can be computer readable instructions, data structures, modules of programs, or other data.
  • Examples of computer storage media include, but are not limited to, phase change memory (PRAM), static random access memory (SRAM), dynamic random access memory (DRAM), other types of random access memory (RAM), read only memory. (ROM), electrically erasable programmable read only memory (EEPROM), flash memory or other memory technology, compact disk read only memory (CD-ROM), digital versatile disk (DVD) or other optical storage, Magnetic tape cartridges, magnetic tape storage or other magnetic storage devices or any other non-transportable media can be used to store information that can be accessed by a computing device.
  • computer readable media does not include temporary storage of computer readable media, such as modulated data signals and carrier waves.
  • embodiments of the present application can be provided as a method, system, or computer program product.
  • the present application can take the form of an entirely hardware embodiment, an entirely software embodiment or an embodiment in combination of software and hardware.
  • the application can take the form of a computer program product embodied on one or more computer-usable storage media (including but not limited to disk storage, CD-ROM, optical storage, etc.) including computer usable program code.

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

Disclosed are a thermodynamic diagram drawing method and apparatus. The method comprises: obtaining a click position of a user when performing a click operation on the current display content in a first display area; when the first display area is a scrollable area, determining an actual position, in an interface diagram of the first display area, corresponding to the click position; and generating, according to the actual position, a thermodynamic diagram of the first display area. Since the present application can determine the actual position, in an interface diagram of a scrollable area, corresponding to a click position, and the actual position matches the position of the content that a user clicks on, the thermodynamic diagram generated by the present application according to each actual position correctly reflects the user's click interests.

Description

热力图绘制方法及装置Thermal drawing method and device
本申请要求于2017年06月21日提交中国专利局、申请号为201710476878.6、发明名称为“热力图绘制方法及装置”的中国专利申请的优先权,其全部内容通过引用结合在本申请中。The present application claims the priority of the Chinese Patent Application, filed on Jun. 21, 2017, the entire disclosure of which is hereby incorporated by reference.
技术领域Technical field
本申请涉及热力图技术领域,尤其涉及热力图绘制方法及装置。The present application relates to the field of thermal drawing technology, and in particular, to a thermal drawing method and apparatus.
背景技术Background technique
随着互联网的发展,网络内容提供方常希望了解用户对其所提供的内容的点击数据以确定用户的兴趣。热力图即为通过用户点击数据体现用户兴趣的一种形式。With the development of the Internet, web content providers often want to know the user's click data on the content they provide to determine the user's interest. A heat map is a form of user interest that is reflected by the user clicking on the data.
现有的热力图绘制方法通过收集用户在电子设备屏幕上的点击位置来生成热力图,但现在的电子设备屏幕上显示的内容常常是可滚动的,这就导致同一点击位置下对应的显示内容可能是不同的。如果单纯以点击位置来生成热力图将无法准确体现用户的点击兴趣。The existing heat drawing method generates a heat map by collecting the click position of the user on the screen of the electronic device, but the content displayed on the screen of the current electronic device is often scrollable, which results in the corresponding display content under the same click position. May be different. If you simply generate a heat map with a click location, you won't be able to accurately represent the user's click interest.
发明内容Summary of the invention
鉴于上述问题,提出了本申请以便提供一种克服上述问题或者至少部分地解决上述问题的热力图绘制方法及装置,方案如下:In view of the above problems, the present application has been made in order to provide a heat drawing method and apparatus that overcomes the above problems or at least partially solves the above problems, and the solution is as follows:
一种热力图绘制方法,包括:A method of drawing heat maps, comprising:
获得用户在第一显示区域的当前显示内容进行点击操作时的点击位置;Obtaining a click position of the user when the current display content of the first display area is clicked;
在所述第一显示区域为可滚动区域时,确定所述点击位置对应的在所述第一显示区域的界面图中的实际位置;When the first display area is a scrollable area, determining an actual position in the interface map of the first display area corresponding to the click position;
根据所述实际位置生成所述第一显示区域的热力图。Generating a heat map of the first display area according to the actual position.
可选的,所述确定所述点击位置对应的在所述第一显示区域的界面图中的实际位置,包括:Optionally, the determining the actual location in the interface diagram of the first display area corresponding to the click location includes:
判断所述当前显示内容是否为用户对所述第一显示区域的内容滚动操作所触发的显示内容,如果是,则获得用户对所述第一显示区域的历次内容滚动操作的操作信息,根据所述历次内容滚动操作的操作信息确定所述点击位置对 应的在所述第一显示区域的界面图中的实际位置;否则,将所述点击位置确定为所述实际位置。Determining whether the current display content is a display content triggered by a content scrolling operation of the first display area by the user, and if yes, obtaining operation information of a previous content scrolling operation of the first display area by the user, according to the The operation information of the previous content scrolling operation determines the actual location in the interface map of the first display area corresponding to the click location; otherwise, the click location is determined as the actual location.
可选的,所述方法还包括:Optionally, the method further includes:
获得所述第一显示区域的界面图;Obtaining an interface diagram of the first display area;
在根据所述实际位置生成所述第一显示区域的热力图后,将所述热力图置于所述界面图上,获得所述第一显示区域的界面热力图。After generating the heat map of the first display area according to the actual position, placing the heat map on the interface map to obtain an interface heat map of the first display area.
可选的,所述内容滚动操作的操作信息包括:滚动方向和滚动距离;Optionally, the operation information of the content scrolling operation includes: a scrolling direction and a scrolling distance;
所述根据所述历次内容滚动操作的操作信息确定所述点击位置对应的在所述第一显示区域的界面图中的实际位置,包括:Determining, according to the operation information of the previous content scrolling operation, the actual location in the interface map of the first display area corresponding to the click location, including:
根据历次内容滚动操作的所述滚动方向和所述滚动距离对所述点击位置进行修正,获得所述点击位置对应的在所述第一显示区域的界面图中的实际位置。The click position is corrected according to the scroll direction and the scroll distance of the previous content scrolling operation, and the actual position in the interface map of the first display area corresponding to the click position is obtained.
可选的,所述方法还包括:Optionally, the method further includes:
确定电子设备显示的界面中的显示区域的数量,其中,电子设备显示的界面中的显示区域为可滚动区域或固定区域;Determining the number of display areas in the interface displayed by the electronic device, wherein the display area in the interface displayed by the electronic device is a scrollable area or a fixed area;
当所述数量不低于2时,获得电子设备显示的界面中的各显示区域的相对位置关系;When the number is not less than 2, obtaining a relative positional relationship of each display area in the interface displayed by the electronic device;
根据所述相对位置关系将各显示区域的界面热力图合成为一个图片。The interface thermograms of the display regions are combined into one picture according to the relative positional relationship.
可选的,所述方法还包括:Optionally, the method further includes:
确定电子设备显示的界面中的显示区域的数量,其中,电子设备显示的界面中的显示区域为可滚动区域或固定区域;Determining the number of display areas in the interface displayed by the electronic device, wherein the display area in the interface displayed by the electronic device is a scrollable area or a fixed area;
当所述数量不低于2时,获得电子设备显示的界面中各显示区域的标识点的坐标;When the number is not less than 2, obtaining coordinates of the identification points of each display area in the interface displayed by the electronic device;
根据所述标识点的坐标将各显示区域的界面热力图合成为一个图片。The interface thermograms of the display regions are combined into one picture according to the coordinates of the identification points.
一种热力图绘制装置,包括:点击位置获得单元、实际位置确定单元和热力图生成单元,A heat drawing device includes: a click position obtaining unit, an actual position determining unit, and a heat map generating unit,
所述点击位置获得单元,用于获得用户在第一显示区域的当前显示内容进行点击操作时的点击位置;The click location obtaining unit is configured to obtain a click position of the user when the current display content of the first display area performs a click operation;
所述实际位置确定单元,用于在所述第一显示区域为可滚动区域时,确定所述点击位置对应的在所述第一显示区域的界面图中的实际位置;The actual position determining unit is configured to determine, when the first display area is a scrollable area, an actual position in the interface map of the first display area corresponding to the click position;
所述热力图生成单元,用于根据所述实际位置生成所述第一显示区域的热力图。The heat map generating unit is configured to generate a heat map of the first display area according to the actual position.
可选的,所述实际位置确定单元,包括:触发判断单元、操作信息获得单元、第一确定单元和第二确定单元,Optionally, the actual location determining unit includes: a trigger determining unit, an operation information obtaining unit, a first determining unit, and a second determining unit,
所述触发判断单元,用于判断所述当前显示内容是否为用户对所述第一显示区域的内容滚动操作所触发的显示内容,如果是,则触发所述操作信息获得单元;否则触发所述第二确定单元;The trigger determining unit is configured to determine whether the current display content is a display content triggered by a content scrolling operation of the first display area by the user, and if yes, triggering the operation information obtaining unit; otherwise triggering the Second determining unit;
所述操作信息获得单元,用于获得用户对所述第一显示区域的历次内容滚动操作的操作信息;The operation information obtaining unit is configured to obtain operation information of a user's previous content scrolling operation on the first display area;
所述第一确定单元,用于根据所述历次内容滚动操作的操作信息确定所述点击位置对应的在所述第一显示区域的界面图中的实际位置;The first determining unit is configured to determine, according to the operation information of the previous content scrolling operation, an actual location in the interface map of the first display area corresponding to the click position;
所述第二确定单元,用于将所述点击位置确定为所述实际位置。The second determining unit is configured to determine the click position as the actual position.
可选的,所述装置还包括:界面图获得单元和图片处理单元,Optionally, the device further includes: an interface map obtaining unit and a picture processing unit,
所述界面图获得单元,用于获得所述第一显示区域的界面图;The interface map obtaining unit is configured to obtain an interface diagram of the first display area;
所述图片处理单元,用于在根据所述实际位置生成所述第一显示区域的热力图后,将所述热力图置于所述界面图上,获得所述第一显示区域的界面热力图。The image processing unit is configured to: after generating a heat map of the first display area according to the actual position, placing the heat map on the interface map to obtain an interface heat map of the first display area .
可选的,所述内容滚动操作的操作信息包括:滚动方向和滚动距离;Optionally, the operation information of the content scrolling operation includes: a scrolling direction and a scrolling distance;
所述第一确定单元,具体用于:根据历次内容滚动操作的所述滚动方向和所述滚动距离对所述点击位置进行修正,获得所述点击位置对应的在所述第一显示区域的界面图中的实际位置。The first determining unit is configured to: correct the click position according to the scroll direction and the scroll distance of the previous content scrolling operation, and obtain an interface of the first display area corresponding to the click position The actual position in the figure.
借由上述技术方案,本申请提供的热力图绘制方法及装置,可以获得用户在第一显示区域的当前显示内容进行点击操作时的点击位置,在第一显示区域为可滚动区域时,确定所述点击位置对应的在第一显示区域的界面图中的实际位置,根据所述实际位置生成所述第一显示区域的热力图。由于本申请可以确定点击位置对应的在可滚动区域的界面图中的实际位置,而该实际位置与用户 点击的内容所在位置相符,因此本申请根据各实际位置生成的热力图正确的体现了用户的点击兴趣。With the above technical solution, the method and device for drawing a heat map provided by the present application can obtain a click position when a user performs a click operation on a current display content of the first display area, and when the first display area is a scrollable area, determine the location. The actual position in the interface map of the first display area corresponding to the click position is generated, and the heat map of the first display area is generated according to the actual position. Since the present application can determine the actual position in the interface map of the scrollable area corresponding to the click position, and the actual position matches the location of the content clicked by the user, the heat map generated by the actual position according to the present application correctly reflects the user. Click interest.
上述说明仅是本申请技术方案的概述,为了能够更清楚了解本申请的技术手段,而可依照说明书的内容予以实施,并且为了让本申请的上述和其它目的、特征和优点能够更明显易懂,以下特举本申请的具体实施方式。The above description is only an overview of the technical solutions of the present application, and the technical means of the present application can be more clearly understood, and can be implemented in accordance with the contents of the specification, and the above and other objects, features and advantages of the present application can be more clearly understood. The following is a specific embodiment of the present application.
附图说明DRAWINGS
为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。In order to more clearly illustrate the embodiments of the present application or the technical solutions in the prior art, the drawings to be used in the embodiments or the prior art description will be briefly described below. Obviously, the drawings in the following description are Some embodiments of the present application can also obtain other drawings based on these drawings without departing from the prior art by those skilled in the art.
图1示出了本申请实施例提供的一种热力图绘制方法的流程图;FIG. 1 is a flow chart showing a method for drawing a heat map provided by an embodiment of the present application;
图2示出了本申请实施例提供的一种屏幕坐标系示意图;FIG. 2 is a schematic diagram of a screen coordinate system provided by an embodiment of the present application;
图3示出了本申请实施例提供的另一种热力图绘制方法的流程图;FIG. 3 is a flowchart of another heat drawing method provided by an embodiment of the present application;
图4示出了本申请实施例提供的一种可滚动区域的初始显示内容的示意图;4 is a schematic diagram showing an initial display content of a scrollable area provided by an embodiment of the present application;
图5示出了本申请实施例提供的一种可滚动区域进行内容滚动后的显示内容的示意图;FIG. 5 is a schematic diagram showing display content of a scrollable area after content scrolling according to an embodiment of the present application; FIG.
图6示出了本申请实施例提供的一种可滚动区域的界面图;FIG. 6 is a diagram showing an interface of a scrollable area provided by an embodiment of the present application;
图7示出了本申请实施例提供的一种电子设备显示的区域的示意图;FIG. 7 is a schematic diagram showing an area displayed by an electronic device according to an embodiment of the present application;
图8示出了本申请实施例提供的另一种可滚动区域的初始显示内容的示意图;FIG. 8 is a schematic diagram showing an initial display content of another scrollable area provided by an embodiment of the present application;
图9示出了本申请实施例提供的一种可滚动区域的界面热力图的示意图;FIG. 9 is a schematic diagram of an interface heat map of a scrollable area according to an embodiment of the present application;
图10示出了本申请实施例提供的另一种可滚动区域的界面热力图的示意图;FIG. 10 is a schematic diagram of an interface heat map of another scrollable area provided by an embodiment of the present application; FIG.
图11示出了本申请实施例提供的进行图片合成后的界面热力图的示意图;FIG. 11 is a schematic diagram of an interface heat map after performing image synthesis according to an embodiment of the present application;
图12示出了本申请实施例提供的另一种电子设备显示的区域的示意图;FIG. 12 is a schematic diagram showing another area displayed by an electronic device according to an embodiment of the present application;
图13示出了本申请实施例提供的图12所示的各区域的初始显示内容的示 意图;FIG. 13 is a schematic diagram showing an initial display content of each area shown in FIG. 12 provided by an embodiment of the present application;
图14示出了本申请实施例提供的一种固定区域的界面热力图的示意图;FIG. 14 is a schematic diagram of an interface thermal map of a fixed area provided by an embodiment of the present application; FIG.
图15示出了本申请实施例提供的另一种固定区域的界面热力图的示意图;15 is a schematic diagram of an interface thermal map of another fixed area provided by an embodiment of the present application;
图16示出了本申请实施例提供的进行图片合成后的界面热力图的示意图;FIG. 16 is a schematic diagram of an interface heat map after performing image synthesis according to an embodiment of the present application;
图17示出了本申请实施例提供的一种热力图绘制装置的结构示意图。FIG. 17 is a schematic structural diagram of a heat drawing device provided by an embodiment of the present application.
具体实施方式Detailed ways
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。Exemplary embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. While the embodiments of the present invention have been shown in the drawings, the embodiments Rather, these embodiments are provided so that this disclosure will be more fully understood and the scope of the disclosure will be fully disclosed.
如图1所示,本申请实施例提供了一种热力图绘制方法,可以包括:As shown in FIG. 1 , the embodiment of the present application provides a method for drawing a heat map, which may include:
S100、获得用户在第一显示区域的当前显示内容进行点击操作时的点击位置;S100. Obtain a click position when the user performs a click operation on the current display content of the first display area.
本申请可以应用于热力图绘制装置中,如服务器,该热力图绘制服务器可以与用户使用的电子设备通信连接以获得电子设备上传的各种信息。The present application can be applied to a heat drawing device such as a server, and the heat drawing server can communicate with an electronic device used by a user to obtain various information uploaded by the electronic device.
步骤S100可以具体包括:获得电子设备上传的用户在第一显示区域的当前显示内容进行点击操作时的点击位置。The step S100 may specifically include: obtaining a click position when the user uploaded by the electronic device performs a click operation on the current display content of the first display area.
其中,电子设备显示的界面中可以包括多个显示区域。第一显示区域可以为可滚动区域或固定区域。可以理解的是,由于显示内容类型不同等原因,电子设备的显示内容常分配在多个不同的显示区域中进行显示,有的显示区域可以完整显示分配到该显示区域的全部的显示内容,此类显示区域即为固定区域。有的显示区域无法完整显示分配到该显示区域的全部的显示内容,用户还需要对该显示区域中的显示内容进行内容滚动操作后才能浏览到分配到该显示区域的全部的显示内容,此类显示区域即为可滚动区域。The display area displayed by the electronic device may include multiple display areas. The first display area may be a scrollable area or a fixed area. It can be understood that, due to different display content types and the like, the display content of the electronic device is often allocated for display in a plurality of different display areas, and some display areas can completely display all display contents allocated to the display area. The class display area is a fixed area. Some display areas cannot completely display all the display contents assigned to the display area, and the user also needs to perform a content scrolling operation on the display content in the display area before browsing to all the display contents assigned to the display area. The display area is the scrollable area.
具体的,可滚动区域的实现方式有多种,如:可滚动区域可以为具有内容滚动功能的控件等。Specifically, the scrollable area can be implemented in various manners, for example, the scrollable area can be a control with content scrolling function, and the like.
其中,获得的点击位置可以为电子设备屏幕的坐标位置。一般情况下,电子设备屏幕为直角坐标系,单位为像素,具体分为两种:一种如图2所示,以左上角作为坐标圆点,原点向右延伸是X轴正方向,原点向下延伸是Y轴正方向。另一种以左下角作为坐标圆点,原点向右延伸是X轴正方向,原点向上延伸是Y轴正方向。The obtained click position may be a coordinate position of the screen of the electronic device. Under normal circumstances, the screen of the electronic device is a Cartesian coordinate system, and the unit is pixel. It is divided into two types: one is as shown in Figure 2, the upper left corner is used as the coordinate circle, and the origin is extended to the right is the positive direction of the X-axis. The lower extension is the positive direction of the Y axis. The other type uses the lower left corner as the coordinate dot, the origin extends to the right in the positive X-axis direction, and the origin extends upward in the positive direction of the Y-axis.
在本申请其他实施例中,本申请还可以获得电子设备上传的该电子设备的屏幕尺寸、屏幕分辨率等信息。In other embodiments of the present application, the present application may also obtain information such as a screen size, a screen resolution, and the like of the electronic device uploaded by the electronic device.
本申请可以收集多个电子设备发送的生成热力图所需的信息,这样,可以根据多个用户的点击数据生成热力图。由于不同屏幕尺寸、分辨率的电子设备在显示同一界面的某一内容时,该内容所对应的显示区域坐标不一定相同,因此本申请可以根据电子设备的屏幕对电子设备进行分类,将具有相同尺寸和分辨率的屏幕的电子设备发送的生成热力图所需的信息划为一组热力图信息,对每组热力图信息都单独生成一个热力图。The application can collect information required for generating a heat map sent by a plurality of electronic devices, so that a heat map can be generated according to click data of a plurality of users. Since the electronic device of different screen sizes and resolutions displays a certain content of the same interface, the coordinates of the display area corresponding to the content are not necessarily the same, so the application can classify the electronic device according to the screen of the electronic device, and will have the same The information required to generate the heat map sent by the electronic device of the size and resolution screen is divided into a set of heat map information, and a heat map is separately generated for each set of heat map information.
当然,在本申请另一实施例中,也可以根据不同尺寸、分辨率的屏幕显示同一内容时该内容所对应的显示区域坐标的区别对不同尺寸、分辨率的屏幕显示该同一内容时用户的点击坐标进行归一化,例如:都归一化为某尺寸、分辨率的屏幕下的点击坐标。Of course, in another embodiment of the present application, the difference of the display area coordinates corresponding to the content when the same content is displayed on the screen of different sizes and resolutions may be displayed when the same content is displayed on the screen of different sizes and resolutions. Click on the coordinates to normalize, for example: normalize to the click coordinates under the screen of a certain size and resolution.
例如:将各屏幕中点击坐标(x,y)中横坐标x转化为x与屏幕宽度w之比x/w,将各屏幕中点击坐标(x,y)中纵坐标y转化为y与屏幕高度h之比y/h,然后将各点击坐标对应的x/w与某尺寸、分辨率的屏幕宽度w1相乘,将各点击坐标对应的y/h与某尺寸、分辨率的A屏幕高度h1相乘,即可得到归一化为A屏幕下的点击坐标。For example: convert the abscissa x in the click coordinates (x, y) of each screen to the ratio x/w of the screen width w, and convert the ordinate y of the click coordinates (x, y) in each screen to y and the screen. The ratio h of the height h is y/h, and then multiply the x/w corresponding to each click coordinate by the screen width w1 of a certain size and resolution, and the y/h corresponding to each click coordinate and the A screen height of a certain size and resolution. Multiply h1 to get the normalized click coordinates under the A screen.
S200、在所述第一显示区域为可滚动区域时,确定所述点击位置对应的在所述第一显示区域的界面图中的实际位置;S200. Determine, when the first display area is a scrollable area, an actual position in the interface map of the first display area corresponding to the click position;
其中,所述第一显示区域的界面图为该第一显示区域的界面顶端至界面底端的完整界面图。The interface diagram of the first display area is a complete interface diagram of the interface top end of the first display area to the bottom end of the interface.
其中,步骤S200可以具体包括:The step S200 may specifically include:
判断所述当前显示内容是否为用户对所述第一显示区域的内容滚动操作 所触发的显示内容,如果是,则获得用户对所述第一显示区域的历次内容滚动操作的操作信息,根据所述历次内容滚动操作的操作信息确定所述点击位置对应的在所述第一显示区域的界面图中的实际位置;否则,将所述点击位置确定为所述实际位置。Determining whether the current display content is a display content triggered by a content scrolling operation of the first display area by the user, and if yes, obtaining operation information of a previous content scrolling operation of the first display area by the user, according to the The operation information of the previous content scrolling operation determines the actual location in the interface map of the first display area corresponding to the click location; otherwise, the click location is determined as the actual location.
其中,内容滚动操作可以为滑动操作、点击操作或滑动条的拖动操作,本申请在此不作限定。The content scrolling operation may be a sliding operation, a click operation, or a drag operation of a slider bar, which is not limited herein.
其中,所述内容滚动操作的操作信息可以包括:滚动方向和滚动距离;The operation information of the content scrolling operation may include: a scrolling direction and a scrolling distance;
所述根据所述历次内容滚动操作的操作信息确定所述点击位置对应的在所述第一显示区域的界面图中的实际位置,可以包括:The determining, according to the operation information of the previous content scrolling operation, the actual location in the interface map of the first display area corresponding to the click location, may include:
根据历次内容滚动操作的所述滚动方向和所述滚动距离对所述点击位置进行修正,获得所述点击位置对应的在所述第一显示区域的界面图中的实际位置。The click position is corrected according to the scroll direction and the scroll distance of the previous content scrolling operation, and the actual position in the interface map of the first display area corresponding to the click position is obtained.
下面以第一显示区域为第一可滚动区域为例进行举例说明:The following takes the first display area as the first scrollable area as an example:
例如:当前显示内容是用户对第一可滚动区域进行内容滚动操作后触发的显示内容,用户对第一可滚动区域进行了两次内容滚动操作后电子设备显示了该当前显示内容,其中,第一次滚动操作为向上滚动300像素,第二次滚动操作为向下滚动500像素,用户在当前显示内容中的点击位置为(100,500),由于进行了上述两次内容滚动操作,因此对点击位置(100,500)进行纵轴坐标减200的修正,修正后得到的实际位置为(100,300)。For example, the current display content is a display content triggered by the user performing a content scrolling operation on the first scrollable area, and the user displays the current display content after the user performs the content scrolling operation on the first scrollable area twice, wherein, One scrolling operation is to scroll up 300 pixels, the second scrolling operation is to scroll down 500 pixels, and the user's click position in the current display content is (100,500), because the above two content scrolling operations are performed, so Click the position (100,500) to correct the vertical axis coordinate minus 200. The actual position obtained after the correction is (100, 300).
S300、根据所述实际位置生成所述第一显示区域的热力图。S300. Generate a heat map of the first display area according to the actual position.
由于得到了各点击操作的实际位置,因此可以根据各实际位置生成第一显示区域的热力图。其中,步骤S300生成的热力图的尺寸可以超过第一显示区域的尺寸。可选的,步骤S300生成的热力图的尺寸可以和第一显示区域的界面图的尺寸相同。Since the actual position of each click operation is obtained, the heat map of the first display area can be generated based on each actual position. The size of the heat map generated in step S300 may exceed the size of the first display area. Optionally, the size of the heat map generated in step S300 may be the same as the size of the interface map of the first display area.
本申请公开了一种热力图绘制方法,可以获得用户在第一显示区域的当前显示内容进行点击操作时的点击位置,在第一显示区域为可滚动区域时,确定所述点击位置对应的在第一显示区域的界面图中的实际位置,根据所述实际位置生成所述第一显示区域的热力图。由于本申请可以确定点击位置对应的在可 滚动区域的界面图中的实际位置,而该实际位置与用户点击的内容所在位置相符,因此本申请根据各实际位置生成的热力图正确的体现了用户的点击兴趣。The present application discloses a heat drawing method, which can obtain a click position when a user performs a click operation on a current display content of a first display area, and when the first display area is a scrollable area, determine that the click position corresponds to An actual position in the interface map of the first display area, and a heat map of the first display area is generated according to the actual position. Since the present application can determine the actual position in the interface map of the scrollable area corresponding to the click position, and the actual position matches the location of the content clicked by the user, the heat map generated by the actual position according to the present application correctly reflects the user. Click interest.
下面以控件内图片为例说明:用户点击了图片上某个点,我们会记录该点在对应显示区域的当前显示内容下的坐标(点击位置),然后根据图片在显示区域内滚动了多少(滚动方向和滚动距离)来将该坐标转换为界面图中的实际位置,之后根据各实际位置绘制用户图片上的热力图即可,实现了热力图的高精度绘制。The following takes the picture inside the control as an example: when the user clicks on a point on the picture, we will record the coordinates (click position) of the point under the current display content of the corresponding display area, and then according to how much the picture scrolls in the display area ( The scrolling direction and the scrolling distance are used to convert the coordinates into the actual position in the interface image, and then the heat map on the user image is drawn according to each actual position, thereby realizing high-precision drawing of the heat map.
在图1所示实施例基础上,如图3所示,本申请实施例提供的另一种热力图绘制方法,还可以包括:On the basis of the embodiment shown in FIG. 1 , as shown in FIG. 3 , another method for drawing a heat map provided by the embodiment of the present application may further include:
S110、获得第一显示区域的界面图;S110. Obtain an interface diagram of the first display area.
其中,本申请可以预先获得需要绘制热力图的第一显示区域的界面图,该界面图可以是该第一显示区域的制作方提供的,也可以是本申请生成的。The application may obtain an interface map of the first display area in which the heat map needs to be drawn in advance, and the interface map may be provided by the producer of the first display area, or may be generated by the present application.
在第一显示区域为可滚动区域时,本申请生成第一显示区域的界面图的过程可以包括:When the first display area is a scrollable area, the process of generating an interface map of the first display area may include:
根据第一显示区域的尺寸控制所述第一显示区域的显示内容进行滚动,并在每次滚动后获得第一显示区域的当前显示内容的图像;Controlling, by the size of the first display area, the display content of the first display area to scroll, and obtaining an image of the current display content of the first display area after each scrolling;
按照所述图像的获得顺序对各所述图像进行拼接,获得第一显示区域的界面图。Each of the images is spliced according to the order in which the images are obtained, and an interface map of the first display area is obtained.
具体的,在第一显示区域竖向滚动时,可以根据第一显示区域的高度控制第一显示区域从界面第一端开始每次滚动所述高度的显示内容直至当前显示内容中包括界面的第二端(第一端的对端),由于每次滚动的距离与第一显示区域的高度相同,所以将各个图像按照获得顺序拼接在一起即可得到第一显示区域的界面图。Specifically, when the first display area is vertically scrolled, the first display area may be controlled to scroll the display content of the height from the first end of the interface according to the height of the first display area until the current display content includes the interface. The two ends (the opposite ends of the first end), since the distance of each scroll is the same as the height of the first display area, the images of the first display area are obtained by splicing the respective images together in the order of obtaining.
如从第一显示区域的顶端向底端竖向滚动时,可以根据第一显示区域的高度控制第一显示区域从界面顶端开始每次滚动所述高度的显示内容直至当前显示内容中包括界面的底端,并按照获得顺序从上至下拼接在一起即可得到第一显示区域的界面图;又如从第一显示区域的底端向顶端竖向滚动时,可以根据第一显示区域的高度控制第一显示区域从界面底端开始每次滚动所述高度 的显示内容直至当前显示内容中包括界面的顶端,并按照获得顺序从下至上拼接在一起即可得到第一显示区域的界面图。When scrolling vertically from the top end of the first display area to the bottom end, the first display area may be controlled to scroll from the top of the interface every time the display content of the height is displayed according to the height of the first display area until the current display content includes the interface. The bottom end is spliced together from top to bottom in the order of obtaining to obtain an interface map of the first display area; and when scrolling vertically from the bottom end of the first display area to the top end, the height of the first display area may be Controlling the first display area from the bottom end of the interface, scrolling the display content of the height each time until the current display content includes the top end of the interface, and stitching together from bottom to top in the order of obtaining to obtain an interface map of the first display area.
在第一显示区域横向滚动时,可以根据第一显示区域的宽度控制第一显示区域从界面第三端开始每次滚动所述宽度的显示内容直至当前显示内容中包括界面的第四端(第三端的对端)。由于每次滚动的距离与第一显示区域的宽度相同,所以将各个图像按照获得顺序拼接在一起即可得到第一显示区域的界面图,在从第一显示区域的左端向右端横向滚动时或者在从第一显示区域的右端向左端横向滚动时,可参阅上述竖向滚动的介绍,不同之处在于每次滚动的终止操作为滚动至所述宽度的显示内容直至当前显示内容中包括界面的第四端,且按照获得顺序从相应顺序拼接,如从第一显示区域的左端向右端横向滚动时,第四端为界面的右端,且按照获得顺序从左至右拼接。When the first display area is scrolled laterally, the first display area may be controlled to scroll the display content of the width from the third end of the interface according to the width of the first display area until the fourth end of the interface is included in the current display content. The opposite end of the three ends). Since the distance of each scroll is the same as the width of the first display area, the images of the first display area are obtained by splicing the respective images together in the order of obtaining, when scrolling laterally from the left end to the right end of the first display area or When scrolling laterally from the right end to the left end of the first display area, reference may be made to the above description of vertical scrolling, except that the end operation of each scroll is scrolling to the display content of the width until the current display content includes the interface. The fourth end is spliced from the corresponding order in the order of obtaining, such as when scrolling laterally from the left end to the right end of the first display area, the fourth end is the right end of the interface, and splicing from left to right in the order of obtaining.
下面对图像拼接过程进行举例说明:The following is an example of the image stitching process:
假设包含可滚动区域的界面顶端的当前显示内容如图4所示,在向下滚动该可滚动区域的高度后的显示内容如图5所示,图5中包含界面底端,则图4和图5拼接为图6所示的可滚动区域的界面图。Assume that the current display content of the top of the interface containing the scrollable area is as shown in FIG. 4, and the display content after scrolling down the height of the scrollable area is as shown in FIG. 5, and FIG. 5 includes the bottom end of the interface, and FIG. 4 and FIG. Figure 5 is a spliced interface diagram of the scrollable area shown in Figure 6.
S400、在根据所述实际位置生成所述第一显示区域的热力图后,将所述热力图置于所述界面图上,获得所述第一显示区域的界面热力图。S400. After generating a heat map of the first display area according to the actual position, placing the heat map on the interface map to obtain an interface heat map of the first display area.
在第一显示区域的热力图的尺寸和第一显示区域的界面图的尺寸相同时,本申请可以根据第一显示区域的热力图的标识点和第一显示区域的界面图的标识点将热力图置于界面图上。例如:标识点为左上角的点,则在获得第一显示区域的界面图的左上角的点的坐标后,可以将第一显示区域的热力图移动到该界面图上并使得该热力图的左上角的点的坐标与该界面图的左上角的点的坐标相同。其中,标识点可以为中心点或顶点。When the size of the heat map of the first display area is the same as the size of the interface map of the first display area, the present application may apply heat according to the identification point of the heat map of the first display area and the identification point of the interface map of the first display area. The diagram is placed on the interface diagram. For example, if the identification point is a point in the upper left corner, after obtaining the coordinates of the point in the upper left corner of the interface diagram of the first display area, the heat map of the first display area may be moved to the interface diagram and the heat map is made. The coordinates of the point in the upper left corner are the same as the coordinates of the point in the upper left corner of the interface graph. Wherein, the identification point can be a center point or a vertex.
本申请实施例提供的另一种热力图绘制方法,还可以包括:Another method for drawing a heat map provided by the embodiment of the present application may further include:
确定电子设备显示的界面中的显示区域的数量,其中,电子设备显示的界面中的显示区域为可滚动区域或固定区域;Determining the number of display areas in the interface displayed by the electronic device, wherein the display area in the interface displayed by the electronic device is a scrollable area or a fixed area;
当所述数量不低于2时,获得电子设备显示的界面中的各显示区域的相对位置关系;When the number is not less than 2, obtaining a relative positional relationship of each display area in the interface displayed by the electronic device;
根据所述相对位置关系将各显示区域的界面热力图合成为一个图片。The interface thermograms of the display regions are combined into one picture according to the relative positional relationship.
可以理解的是,电子设备显示的界面中可能会同时包括多个显示区域,例如若干可滚动区域和若干固定区域;或几个可滚动区域。It can be understood that the interface displayed by the electronic device may include multiple display areas at the same time, such as several scrollable areas and several fixed areas; or several scrollable areas.
具体的,可以根据获得的各显示区域的相对位置关系为各显示区域的界面热力图设置相对位置标识,以在进行图片合成时根据该相对位置标识设置图片的位置。Specifically, a relative position identifier may be set for the interface heat map of each display area according to the obtained relative positional relationship of each display area, so that the position of the picture is set according to the relative position identifier when the picture is synthesized.
获得电子设备显示的界面中的显示区域的相对位置关系的方式有多种,下面示例性提供其中几种:There are various ways to obtain the relative positional relationship of the display areas in the interface displayed by the electronic device, and several examples are provided below:
当电子设备显示的界面中的显示区域的数量为至少两个时,可以将其中的一个显示区域作为参照区域,通过分别将其他显示区域中的一个显示区域与该参照区域进行区域位置对比来确定各其他显示区域与该参照区域的相对位置关系。When the number of display areas in the interface displayed by the electronic device is at least two, one of the display areas may be used as a reference area, and each of the other display areas is compared with the reference area to determine the area position. The relative positional relationship between each of the other display areas and the reference area.
具体的,可以通过对比电子设备显示的界面中的显示区域的标识点的坐标来对比区域位置,其中,显示区域的标识点的坐标可以为显示区域的中心点的坐标、显示区域的顶点的坐标等。Specifically, the area position may be compared by comparing coordinates of the identification points of the display area in the interface displayed by the electronic device, where the coordinates of the identification point of the display area may be the coordinates of the center point of the display area and the coordinates of the vertices of the display area. Wait.
下面以图7为例对获得电子设备显示的界面中的显示区域的相对位置关系进行说明,图7所示的电子设备显示的界面的坐标系为图2所示屏幕坐标系。本申请可以将图7所示的第一可滚动区域作为参照区域,通过对比第一可滚动区域和第二可滚动区域的中心点的坐标来确定二者的相对位置关系。由于第二可滚动区域的中心点的横坐标与第一可滚动区域的中心点的横坐标相同,且第二可滚动区域的中心点的纵坐标小于第一可滚动区域的中心点的纵坐标,因此可以确定第二可滚动区域位于第一可滚动区域左侧。7 is used as an example to describe the relative positional relationship of the display area in the interface displayed by the electronic device. The coordinate system of the interface displayed by the electronic device shown in FIG. 7 is the screen coordinate system shown in FIG. 2. In the present application, the first scrollable area shown in FIG. 7 can be used as a reference area, and the relative positional relationship between the two can be determined by comparing the coordinates of the center points of the first scrollable area and the second scrollable area. The abscissa of the center point of the second scrollable area is the same as the abscissa of the center point of the first scrollable area, and the ordinate of the center point of the second scrollable area is smaller than the ordinate of the center point of the first scrollable area Therefore, it can be determined that the second scrollable area is located to the left of the first scrollable area.
本申请实施例提供的另一种热力图绘制方法,还可以包括:Another method for drawing a heat map provided by the embodiment of the present application may further include:
确定电子设备显示的界面中的显示区域的数量,其中,电子设备显示的界面中的显示区域为第一显示区域或固定区域;Determining the number of display areas in the interface displayed by the electronic device, wherein the display area in the interface displayed by the electronic device is the first display area or the fixed area;
当所述数量不低于2时,获得电子设备显示的界面中各显示区域的标识点的坐标;When the number is not less than 2, obtaining coordinates of the identification points of each display area in the interface displayed by the electronic device;
根据所述标识点的坐标将各显示区域的界面热力图合成为一个图片。The interface thermograms of the display regions are combined into one picture according to the coordinates of the identification points.
其中,标识点可以为中心点或顶点。具体的,根据所述标识点的坐标将各显示区域的界面热力图合成为一个图片,可以包括:Wherein, the identification point can be a center point or a vertex. Specifically, the interface heat map of each display area is synthesized into a picture according to the coordinates of the identifier point, and may include:
根据所述标识点的坐标设置各显示区域的界面热力图的位置,以使各界面热力图的标识点与对应的显示区域的标识点重合;Setting a position of the interface heat map of each display area according to the coordinates of the identification point, so that the identification point of each interface heat map coincides with the identification point of the corresponding display area;
将已设置位置的各显示区域的界面热力图合成为一个图片。The interface thermograms of the display areas of the set positions are combined into one picture.
例如:当标识点为左上角的顶点时,某显示区域的标识点为电子设备屏幕左上角的原点,坐标为(0,0),则可以设置该区域的界面热力图的标识点为原点。其中,界面热力图合成时可以采用和电子设备的屏幕相同的坐标系。For example, when the identification point is the vertex of the upper left corner, the identification point of a display area is the origin of the upper left corner of the electronic device screen, and the coordinate is (0, 0), then the identification point of the interface heat map of the area can be set as the origin. Wherein, the interface thermogram can be synthesized in the same coordinate system as the screen of the electronic device.
其中,固定区域的热力图可以通过现有的热力图生成方法生成,本申请在此不再说明。The heat map of the fixed area can be generated by the existing heat map generation method, which is not described herein.
由于可滚动区域的界面热力图一般相对于固定区域的界面热力图而言尺寸更大,因此在进行界面热力图合成时,可以对部分区域进行留白即可。Since the interface heat map of the scrollable area is generally larger than the interface heat map of the fixed area, it is possible to whiten part of the area when performing the interface heat map synthesis.
下面对多个可滚动区域的界面热力图进行合并的过程举例说明:如图7所示,电子设备显示的区域中包括第一可滚动区域和第二可滚动区域,其中,第一可滚动区域的初始显示内容如图4所示;第二可滚动区域的初始显示内容如图8所示。根据本申请的热力图绘制方法获得的第一可滚动区域的界面热力图和第二可滚动区域的界面热力图分别如图9和图10所示。则对图9和图10所示的界面热力图进行合成,获得如图11所示的图片。可以理解的是,由于图9所示的界面热力图相对于图10所示的界面热力图更长,因此将图9与图10进行顶端平齐,将图10所示界面热力图下方进行留白。The process of merging the interface heat maps of the plurality of scrollable areas is illustrated as follows: as shown in FIG. 7 , the area displayed by the electronic device includes a first scrollable area and a second scrollable area, wherein the first scrollable area The initial display content of the area is as shown in FIG. 4; the initial display content of the second scrollable area is as shown in FIG. 8. The interface thermogram of the first scrollable region and the interface thermodynamic map of the second scrollable region obtained according to the thermogram drawing method of the present application are as shown in FIGS. 9 and 10, respectively. Then, the interface thermograms shown in FIG. 9 and FIG. 10 are combined to obtain a picture as shown in FIG. It can be understood that, since the interface heat map shown in FIG. 9 is longer than the interface heat map shown in FIG. 10, the top end of FIG. 9 and FIG. 10 are flush, and the interface heat map shown in FIG. 10 is left. White.
下面对可滚动区域的界面热力图和固定区域的界面热力图进行合并的过程举例说明:如图12所示,电子设备显示的区域中包括第一可滚动区域、第二可滚动区域、第一固定区域和第二固定区域。其中,第一可滚动区域、第二可滚动区域、第一固定区域和第二固定区域的初始显示内容请参照图13所示内容。其中,第一可滚动区域和第二可滚动区域的界面热力图以在之前的举例中进行说明,不再赘述。第一固定区域和第二固定区域的界面热力图分别如图14和图15所示。则根据上述四个区域的相对位置关系,对它们进行合成后可以得到如图16所示的热力图。The process of merging the interface heat map of the scrollable area and the interface heat map of the fixed area is illustrated as follows: as shown in FIG. 12, the area displayed by the electronic device includes a first scrollable area, a second scrollable area, and a first A fixed area and a second fixed area. For the initial display content of the first scrollable area, the second scrollable area, the first fixed area and the second fixed area, please refer to the content shown in FIG. The interface thermograms of the first scrollable area and the second scrollable area are described in the previous examples, and are not described again. The interface thermograms of the first fixed area and the second fixed area are as shown in FIGS. 14 and 15, respectively. Then, according to the relative positional relationship of the above four regions, they are synthesized to obtain a heat map as shown in FIG.
与上述方法实施例相对应,本申请实施例还提供了一种热力图绘制装置,下面结合附图进行详细说明:Corresponding to the above method embodiment, the embodiment of the present application further provides a heat drawing device, which is described in detail below with reference to the accompanying drawings:
如图17所示,本申请实施例提供的一种热力图绘制装置,可以包括:点击位置获得单元100、实际位置确定单元200和热力图生成单元300,As shown in FIG. 17 , a heat drawing device provided by an embodiment of the present application may include: a click position obtaining unit 100, an actual position determining unit 200, and a heat map generating unit 300.
所述点击位置获得单元100,用于获得用户在第一显示区域的当前显示内容进行点击操作时的点击位置;The click location obtaining unit 100 is configured to obtain a click position of the user when the current display content of the first display area performs a click operation;
其中,本申请的热力图绘制装置可以为热力图绘制服务器,该热力图绘制服务器可以与用户使用的电子设备通信连接以获得电子设备上传的各种信息。The heat drawing device of the present application may be a heat drawing server, and the heat drawing server may communicate with the electronic device used by the user to obtain various information uploaded by the electronic device.
所述点击位置获得单元100可以具体用于:获得电子设备上传的用户在第一显示区域的当前显示内容进行点击操作时的点击位置。The click location obtaining unit 100 may be specifically configured to: obtain a click position of the user uploaded by the electronic device when the current display content of the first display area performs a click operation.
其中,电子设备显示的界面中可以包括多个显示区域。第一显示区域可以为可滚动区域或固定区域。可以理解的是,由于显示内容类型不同等原因,电子设备的显示内容常分配在多个不同的显示区域中进行显示,有的显示区域可以完整显示分配到该显示区域的全部的显示内容,此类显示区域即为固定区域。有的显示区域无法完整显示分配到该显示区域的全部的显示内容,用户还需要对该显示区域中的显示内容进行内容滚动操作后才能浏览到分配到该显示区域的全部的显示内容,此类显示区域即为可滚动区域。The display area displayed by the electronic device may include multiple display areas. The first display area may be a scrollable area or a fixed area. It can be understood that, due to different display content types and the like, the display content of the electronic device is often allocated for display in a plurality of different display areas, and some display areas can completely display all display contents allocated to the display area. The class display area is a fixed area. Some display areas cannot completely display all the display contents assigned to the display area, and the user also needs to perform a content scrolling operation on the display content in the display area before browsing to all the display contents assigned to the display area. The display area is the scrollable area.
具体的,可滚动区域的实现方式有多种,如:可滚动区域可以为具有内容滚动功能的控件等。Specifically, the scrollable area can be implemented in various manners, for example, the scrollable area can be a control with content scrolling function, and the like.
所述实际位置确定单元200,用于在所述第一显示区域为可滚动区域时,确定所述点击位置对应的在所述第一显示区域的界面图中的实际位置;The actual position determining unit 200 is configured to determine, when the first display area is a scrollable area, an actual position in the interface map of the first display area corresponding to the click position;
其中,所述第一显示区域的界面图为该第一显示区域的界面顶端至界面底端的完整界面图。The interface diagram of the first display area is a complete interface diagram of the interface top end of the first display area to the bottom end of the interface.
可选的,实际位置确定单元200,可以包括:触发判断单元、操作信息获得单元、第一确定单元和第二确定单元,Optionally, the actual location determining unit 200 may include: a trigger determining unit, an operation information obtaining unit, a first determining unit, and a second determining unit,
所述触发判断单元,用于判断所述当前显示内容是否为用户对所述第一显示区域的内容滚动操作所触发的显示内容,如果是,则触发所述操作信息获得单元;否则触发所述第二确定单元;The trigger determining unit is configured to determine whether the current display content is a display content triggered by a content scrolling operation of the first display area by the user, and if yes, triggering the operation information obtaining unit; otherwise triggering the Second determining unit;
所述操作信息获得单元,用于获得用户对所述第一显示区域的历次内容滚动操作的操作信息;The operation information obtaining unit is configured to obtain operation information of a user's previous content scrolling operation on the first display area;
所述第一确定单元,用于根据所述历次内容滚动操作的操作信息确定所述点击位置对应的在所述第一显示区域的界面图中的实际位置;The first determining unit is configured to determine, according to the operation information of the previous content scrolling operation, an actual location in the interface map of the first display area corresponding to the click position;
所述第二确定单元,用于将所述点击位置确定为所述实际位置。The second determining unit is configured to determine the click position as the actual position.
其中,内容滚动操作可以为滑动操作、点击操作或滑动条的拖动操作,本申请在此不作限定。The content scrolling operation may be a sliding operation, a click operation, or a drag operation of a slider bar, which is not limited herein.
其中,所述内容滚动操作的操作信息可以包括:滚动方向和滚动距离;The operation information of the content scrolling operation may include: a scrolling direction and a scrolling distance;
可选的,所述第一确定单元,可以具体用于:根据历次内容滚动操作的所述滚动方向和所述滚动距离对所述点击位置进行修正,获得所述点击位置对应的在所述第一显示区域的界面图中的实际位置。Optionally, the first determining unit may be configured to: correct the click position according to the scrolling direction and the scrolling distance of the previous content scrolling operation, and obtain the click location corresponding to the The actual position in the interface map of a display area.
所述热力图生成单元300,用于根据所述实际位置生成所述第一显示区域的热力图。The heat map generating unit 300 is configured to generate a heat map of the first display area according to the actual position.
由于得到了各点击操作的实际位置,因此可以根据各实际位置生成第一显示区域的热力图。其中,热力图生成单元300生成的热力图的尺寸可以超过第一显示区域的尺寸。可选的,热力图生成单元300生成的热力图的尺寸可以和第一显示区域的界面图的尺寸相同。Since the actual position of each click operation is obtained, the heat map of the first display area can be generated based on each actual position. The size of the heat map generated by the heat map generating unit 300 may exceed the size of the first display area. Optionally, the size of the heat map generated by the heat map generating unit 300 may be the same as the size of the interface map of the first display area.
本申请公开了一种热力图绘制装置,可以获得用户在第一显示区域的当前显示内容进行点击操作时的点击位置,在第一显示区域为可滚动区域时,确定所述点击位置对应的在第一显示区域的界面图中的实际位置,根据所述实际位置生成所述第一显示区域的热力图。由于本申请可以确定点击位置对应的在可滚动区域的界面图中的实际位置,而该实际位置与用户点击的内容所在位置相符,因此本申请根据各实际位置生成的热力图正确的体现了用户的点击兴趣。The present application discloses a heat drawing device capable of obtaining a click position when a user performs a click operation on a current display content of a first display area. When the first display area is a scrollable area, determining that the click position corresponds to An actual position in the interface map of the first display area, and a heat map of the first display area is generated according to the actual position. Since the present application can determine the actual position in the interface map of the scrollable area corresponding to the click position, and the actual position matches the location of the content clicked by the user, the heat map generated by the actual position according to the present application correctly reflects the user. Click interest.
在图17所示装置实施例基础上,本申请实施例提供的另一种热力图绘制装置,还可以包括:界面图获得单元和图片处理单元,On the basis of the device embodiment shown in FIG. 17 , another heat drawing device provided by the embodiment of the present application may further include: an interface map obtaining unit and a picture processing unit.
所述界面图获得单元,用于获得所述第一显示区域的界面图;The interface map obtaining unit is configured to obtain an interface diagram of the first display area;
其中,界面图获得单元,可以具体用于根据第一显示区域的尺寸控制所述第一显示区域的显示内容进行滚动,并在每次滚动后获得第一显示区域的当前 显示内容的图像;按照所述图像的获得顺序对各所述图像进行拼接,获得第一显示区域的界面图。The interface map obtaining unit may be specifically configured to control the display content of the first display area to be scrolled according to the size of the first display area, and obtain an image of the current display content of the first display area after each scrolling; The obtaining order of the images is spliced to each of the images to obtain an interface map of the first display area.
所述图片处理单元,用于在根据所述实际位置生成所述第一显示区域的热力图后,将所述热力图置于所述界面图上,获得所述第一显示区域的界面热力图。The image processing unit is configured to: after generating a heat map of the first display area according to the actual position, placing the heat map on the interface map to obtain an interface heat map of the first display area .
其中,本申请可以预先获得需要绘制热力图的第一显示区域的界面图,该界面图可以是该第一显示区域的制作方提供的,也可以是本申请生成的。The application may obtain an interface map of the first display area in which the heat map needs to be drawn in advance, and the interface map may be provided by the producer of the first display area, or may be generated by the present application.
在第一显示区域的热力图的尺寸和第一显示区域的界面图的尺寸相同时,本申请可以根据第一显示区域的热力图的标识点和第一显示区域的界面图的标识点将热力图置于界面图上。例如:标识点为左上角的点,则在获得第一显示区域的界面图的左上角的点的坐标后,可以将第一显示区域的热力图移动到该界面图上并使得该热力图的左上角的点的坐标与该界面图的左上角的点的坐标相同。其中,标识点可以为中心点或顶点。When the size of the heat map of the first display area is the same as the size of the interface map of the first display area, the present application may apply heat according to the identification point of the heat map of the first display area and the identification point of the interface map of the first display area. The diagram is placed on the interface diagram. For example, if the identification point is a point in the upper left corner, after obtaining the coordinates of the point in the upper left corner of the interface diagram of the first display area, the heat map of the first display area may be moved to the interface diagram and the heat map is made. The coordinates of the point in the upper left corner are the same as the coordinates of the point in the upper left corner of the interface graph. Wherein, the identification point can be a center point or a vertex.
本申请实施例提供的另一种热力图绘制装置还可以包括:区域数量确定单元、位置获得单元和第一图片合成单元,Another heat drawing device provided by the embodiment of the present application may further include: a region quantity determining unit, a position obtaining unit, and a first picture synthesizing unit,
所述区域数量确定单元,用于确定电子设备显示的界面中的显示区域的数量,其中,电子设备显示的界面中的显示区域为可滚动区域或固定区域;The area quantity determining unit is configured to determine the number of display areas in the interface displayed by the electronic device, wherein the display area in the interface displayed by the electronic device is a scrollable area or a fixed area;
所述位置获得单元,用于当所述数量不低于2时,获得电子设备显示的界面中的各显示区域的相对位置关系;The location obtaining unit is configured to obtain a relative positional relationship of each display area in an interface displayed by the electronic device when the number is not less than 2;
所述第一图片合成单元,用于根据所述相对位置关系将各显示区域的界面热力图合成为一个图片。The first picture synthesizing unit is configured to synthesize an interface thermogram of each display area into one picture according to the relative positional relationship.
可以理解的是,电子设备显示的界面中可能会同时包括多个显示区域,例如若干可滚动区域和若干固定区域;或几个可滚动区域。It can be understood that the interface displayed by the electronic device may include multiple display areas at the same time, such as several scrollable areas and several fixed areas; or several scrollable areas.
具体的,可以根据获得的各显示区域的相对位置关系为各显示区域的界面热力图设置相对位置标识,以在进行图片合成时根据该相对位置标识设置图片的位置。Specifically, a relative position identifier may be set for the interface heat map of each display area according to the obtained relative positional relationship of each display area, so that the position of the picture is set according to the relative position identifier when the picture is synthesized.
本申请实施例提供的另一种热力图绘制装置还可以包括:区域数量确定单元、坐标获得单元和第二图片合成单元,Another heat drawing device provided by the embodiment of the present application may further include: a region quantity determining unit, a coordinate obtaining unit, and a second picture synthesizing unit.
所述区域数量确定单元,用于确定电子设备显示的界面中的显示区域的数量,其中,电子设备显示的界面中的显示区域为可滚动区域或固定区域;The area quantity determining unit is configured to determine the number of display areas in the interface displayed by the electronic device, wherein the display area in the interface displayed by the electronic device is a scrollable area or a fixed area;
所述坐标获得单元,用于当所述数量不低于2时,获得电子设备显示的界面中各显示区域的标识点的坐标;The coordinate obtaining unit is configured to obtain, when the number is not less than 2, coordinates of identifier points of each display area in an interface displayed by the electronic device;
所述第二图片合成单元,用于根据所述标识点的坐标将各显示区域的界面热力图合成为一个图片。The second picture synthesizing unit is configured to synthesize the interface heat map of each display area into one picture according to the coordinates of the identification point.
其中,标识点可以为中心点或顶点。具体的,所述第二图片合成单元可以具体用于:根据所述标识点的坐标设置各显示区域的界面热力图的位置,以使各界面热力图的标识点与对应的显示区域的标识点重合;将已设置位置的各显示区域的界面热力图合成为一个图片。Wherein, the identification point can be a center point or a vertex. Specifically, the second picture synthesizing unit may be specifically configured to: set a position of the interface heat map of each display area according to the coordinates of the identifier point, so that the identification point of each interface heat map and the identifier point of the corresponding display area Coincident; combines the interface thermograms of each display area of the set position into one picture.
其中,固定区域的热力图可以通过现有的热力图生成方法生成,本申请在此不再说明。The heat map of the fixed area can be generated by the existing heat map generation method, which is not described herein.
由于可滚动区域的界面热力图一般相对于固定区域的界面热力图而言尺寸更大,因此在进行界面热力图合成时,可以对部分区域进行留白即可。Since the interface heat map of the scrollable area is generally larger than the interface heat map of the fixed area, it is possible to whiten part of the area when performing the interface heat map synthesis.
所述热力图绘制装置包括处理器和存储器,上述点击位置获得单元、实际位置确定单元、热力图生成单元、界面图获得单元和图片处理单元等均作为程序单元存储在存储器中,由处理器执行存储在存储器中的上述程序单元来实现相应的功能。The heat drawing device includes a processor and a memory, and the click position obtaining unit, the actual position determining unit, the heat map generating unit, the interface map obtaining unit, and the picture processing unit are all stored as a program unit in a memory and executed by the processor. The above program units stored in the memory implement the corresponding functions.
处理器中包含内核,由内核去存储器中调取相应的程序单元。内核可以设置一个或以上,通过调整内核参数来绘制热力图。The processor contains a kernel, and the kernel removes the corresponding program unit from the memory. The kernel can be set to one or more, and the heat map can be drawn by adjusting the kernel parameters.
存储器可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM),存储器包括至少一个存储芯片。The memory may include non-persistent memory, random access memory (RAM), and/or non-volatile memory in a computer readable medium, such as read only memory (ROM) or flash memory (flash RAM), the memory including at least one Memory chip.
本申请实施例提供了一种存储介质,其上存储有程序,该程序被处理器执行时实现所述热力图绘制方法。The embodiment of the present application provides a storage medium on which a program is stored, and the program is implemented by a processor to implement the heat map drawing method.
本申请实施例提供了一种处理器,所述处理器用于运行程序,其中,所述程序运行时执行所述热力图绘制方法。An embodiment of the present application provides a processor, where the processor is configured to run a program, where the program is executed to execute the heat drawing method.
本申请实施例提供了一种设备,设备包括处理器、存储器及存储在存储器 上并可在处理器上运行的程序,处理器执行程序时实现以下步骤:An embodiment of the present application provides a device, including a processor, a memory, and a program stored on the memory and executable on the processor. The processor implements the following steps when executing the program:
获得用户在第一显示区域的当前显示内容进行点击操作时的点击位置;Obtaining a click position of the user when the current display content of the first display area is clicked;
在所述第一显示区域为可滚动区域时,确定所述点击位置对应的在所述第一显示区域的界面图中的实际位置;When the first display area is a scrollable area, determining an actual position in the interface map of the first display area corresponding to the click position;
根据所述实际位置生成所述第一显示区域的热力图。Generating a heat map of the first display area according to the actual position.
可选的,所述确定所述点击位置对应的在所述第一显示区域的界面图中的实际位置,包括:Optionally, the determining the actual location in the interface diagram of the first display area corresponding to the click location includes:
判断所述当前显示内容是否为用户对所述第一显示区域的内容滚动操作所触发的显示内容,如果是,则获得用户对所述第一显示区域的历次内容滚动操作的操作信息,根据所述历次内容滚动操作的操作信息确定所述点击位置对应的在所述第一显示区域的界面图中的实际位置;否则,将所述点击位置确定为所述实际位置。Determining whether the current display content is a display content triggered by a content scrolling operation of the first display area by the user, and if yes, obtaining operation information of a previous content scrolling operation of the first display area by the user, according to the The operation information of the previous content scrolling operation determines the actual location in the interface map of the first display area corresponding to the click location; otherwise, the click location is determined as the actual location.
可选的,处理器执行程序时还可以实现以下步骤:Optionally, the processor can also implement the following steps when executing the program:
获得所述第一显示区域的界面图;Obtaining an interface diagram of the first display area;
在根据所述实际位置生成所述第一显示区域的热力图后,将所述热力图置于所述界面图上,获得所述第一显示区域的界面热力图。After generating the heat map of the first display area according to the actual position, placing the heat map on the interface map to obtain an interface heat map of the first display area.
可选的,所述内容滚动操作的操作信息包括:滚动方向和滚动距离;Optionally, the operation information of the content scrolling operation includes: a scrolling direction and a scrolling distance;
所述根据所述历次内容滚动操作的操作信息确定所述点击位置对应的在所述第一显示区域的界面图中的实际位置,包括:Determining, according to the operation information of the previous content scrolling operation, the actual location in the interface map of the first display area corresponding to the click location, including:
根据历次内容滚动操作的所述滚动方向和所述滚动距离对所述点击位置进行修正,获得所述点击位置对应的在所述第一显示区域的界面图中的实际位置。The click position is corrected according to the scroll direction and the scroll distance of the previous content scrolling operation, and the actual position in the interface map of the first display area corresponding to the click position is obtained.
可选的,处理器执行程序时还可以实现以下步骤:Optionally, the processor can also implement the following steps when executing the program:
确定电子设备显示的界面中的显示区域的数量,其中,电子设备显示的界面中的显示区域为可滚动区域或固定区域;Determining the number of display areas in the interface displayed by the electronic device, wherein the display area in the interface displayed by the electronic device is a scrollable area or a fixed area;
当所述数量不低于2时,获得电子设备显示的界面中的各显示区域的相对位置关系;When the number is not less than 2, obtaining a relative positional relationship of each display area in the interface displayed by the electronic device;
根据所述相对位置关系将各显示区域的界面热力图合成为一个图片。The interface thermograms of the display regions are combined into one picture according to the relative positional relationship.
可选的,处理器执行程序时还可以实现以下步骤:Optionally, the processor can also implement the following steps when executing the program:
确定电子设备显示的界面中的显示区域的数量,其中,电子设备显示的界面中的显示区域为可滚动区域或固定区域;Determining the number of display areas in the interface displayed by the electronic device, wherein the display area in the interface displayed by the electronic device is a scrollable area or a fixed area;
当所述数量不低于2时,获得电子设备显示的界面中各显示区域的标识点的坐标;When the number is not less than 2, obtaining coordinates of the identification points of each display area in the interface displayed by the electronic device;
根据所述标识点的坐标将各显示区域的界面热力图合成为一个图片。The interface thermograms of the display regions are combined into one picture according to the coordinates of the identification points.
本文中的设备可以是服务器、PC、PAD、手机等。The devices in this document can be servers, PCs, PADs, mobile phones, and the like.
本申请还提供了一种计算机程序产品,当在数据处理设备上执行时,适于执行初始化有如下方法步骤的程序:The present application also provides a computer program product, when executed on a data processing device, adapted to perform a process of initializing the method steps as follows:
获得用户在第一显示区域的当前显示内容进行点击操作时的点击位置;Obtaining a click position of the user when the current display content of the first display area is clicked;
在所述第一显示区域为可滚动区域时,确定所述点击位置对应的在所述第一显示区域的界面图中的实际位置;When the first display area is a scrollable area, determining an actual position in the interface map of the first display area corresponding to the click position;
根据所述实际位置生成所述第一显示区域的热力图。Generating a heat map of the first display area according to the actual position.
可选的,所述确定所述点击位置对应的在所述第一显示区域的界面图中的实际位置,包括:Optionally, the determining the actual location in the interface diagram of the first display area corresponding to the click location includes:
判断所述当前显示内容是否为用户对所述第一显示区域的内容滚动操作所触发的显示内容,如果是,则获得用户对所述第一显示区域的历次内容滚动操作的操作信息,根据所述历次内容滚动操作的操作信息确定所述点击位置对应的在所述第一显示区域的界面图中的实际位置;否则,将所述点击位置确定为所述实际位置。Determining whether the current display content is a display content triggered by a content scrolling operation of the first display area by the user, and if yes, obtaining operation information of a previous content scrolling operation of the first display area by the user, according to the The operation information of the previous content scrolling operation determines the actual location in the interface map of the first display area corresponding to the click location; otherwise, the click location is determined as the actual location.
可选的,还可以有如下方法步骤的程序:Optionally, there are also programs that have the following method steps:
获得所述第一显示区域的界面图;Obtaining an interface diagram of the first display area;
在根据所述实际位置生成所述第一显示区域的热力图后,将所述热力图置于所述界面图上,获得所述第一显示区域的界面热力图。After generating the heat map of the first display area according to the actual position, placing the heat map on the interface map to obtain an interface heat map of the first display area.
可选的,所述内容滚动操作的操作信息包括:滚动方向和滚动距离;Optionally, the operation information of the content scrolling operation includes: a scrolling direction and a scrolling distance;
所述根据所述历次内容滚动操作的操作信息确定所述点击位置对应的在所述第一显示区域的界面图中的实际位置,包括:Determining, according to the operation information of the previous content scrolling operation, the actual location in the interface map of the first display area corresponding to the click location, including:
根据历次内容滚动操作的所述滚动方向和所述滚动距离对所述点击位置 进行修正,获得所述点击位置对应的在所述第一显示区域的界面图中的实际位置。The click position is corrected according to the scroll direction and the scroll distance of the previous content scrolling operation, and the actual position in the interface map of the first display area corresponding to the click position is obtained.
可选的,还可以有如下方法步骤的程序:Optionally, there are also programs that have the following method steps:
确定电子设备显示的界面中的显示区域的数量,其中,电子设备显示的界面中的显示区域为可滚动区域或固定区域;Determining the number of display areas in the interface displayed by the electronic device, wherein the display area in the interface displayed by the electronic device is a scrollable area or a fixed area;
当所述数量不低于2时,获得电子设备显示的界面中的各显示区域的相对位置关系;When the number is not less than 2, obtaining a relative positional relationship of each display area in the interface displayed by the electronic device;
根据所述相对位置关系将各显示区域的界面热力图合成为一个图片。The interface thermograms of the display regions are combined into one picture according to the relative positional relationship.
可选的,还可以有如下方法步骤的程序:Optionally, there are also programs that have the following method steps:
确定电子设备显示的界面中的显示区域的数量,其中,电子设备显示的界面中的显示区域为可滚动区域或固定区域;Determining the number of display areas in the interface displayed by the electronic device, wherein the display area in the interface displayed by the electronic device is a scrollable area or a fixed area;
当所述数量不低于2时,获得电子设备显示的界面中各显示区域的标识点的坐标;When the number is not less than 2, obtaining coordinates of the identification points of each display area in the interface displayed by the electronic device;
根据所述标识点的坐标将各显示区域的界面热力图合成为一个图片。The interface thermograms of the display regions are combined into one picture according to the coordinates of the identification points.
本领域内的技术人员应明白,本申请的实施例可提供为方法、系统、或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。Those skilled in the art will appreciate that embodiments of the present application can be provided as a method, system, or computer program product. Thus, the present application can take the form of an entirely hardware embodiment, an entirely software embodiment, or an embodiment in combination of software and hardware. Moreover, the application can take the form of a computer program product embodied on one or more computer-usable storage media (including but not limited to disk storage, CD-ROM, optical storage, etc.) including computer usable program code.
本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。The present application is described with reference to flowchart illustrations and/or block diagrams of methods, apparatus (system), and computer program products according to embodiments of the present application. It will be understood that each flow and/or block of the flowchart illustrations and/or FIG. These computer program instructions can be provided to a processor of a general purpose computer, special purpose computer, embedded processor, or other programmable data processing device to produce a machine for the execution of instructions for execution by a processor of a computer or other programmable data processing device. Means for implementing the functions specified in one or more of the flow or in a block or blocks of the flow chart.
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设 备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。The computer program instructions can also be stored in a computer readable memory that can direct a computer or other programmable data processing device to operate in a particular manner, such that the instructions stored in the computer readable memory produce an article of manufacture comprising the instruction device. The apparatus implements the functions specified in one or more blocks of a flow or a flow and/or block diagram of the flowchart.
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。These computer program instructions can also be loaded onto a computer or other programmable data processing device such that a series of operational steps are performed on a computer or other programmable device to produce computer-implemented processing for execution on a computer or other programmable device. The instructions provide steps for implementing the functions specified in one or more of the flow or in a block or blocks of a flow diagram.
在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。In a typical configuration, a computing device includes one or more processors (CPUs), input/output interfaces, network interfaces, and memory.
存储器可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。存储器是计算机可读介质的示例。The memory may include non-persistent memory, random access memory (RAM), and/or non-volatile memory in a computer readable medium, such as read only memory (ROM) or flash memory. Memory is an example of a computer readable medium.
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。Computer readable media includes both permanent and non-persistent, removable and non-removable media. Information storage can be implemented by any method or technology. The information can be computer readable instructions, data structures, modules of programs, or other data. Examples of computer storage media include, but are not limited to, phase change memory (PRAM), static random access memory (SRAM), dynamic random access memory (DRAM), other types of random access memory (RAM), read only memory. (ROM), electrically erasable programmable read only memory (EEPROM), flash memory or other memory technology, compact disk read only memory (CD-ROM), digital versatile disk (DVD) or other optical storage, Magnetic tape cartridges, magnetic tape storage or other magnetic storage devices or any other non-transportable media can be used to store information that can be accessed by a computing device. As defined herein, computer readable media does not include temporary storage of computer readable media, such as modulated data signals and carrier waves.
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括要素的过程、方法、商品或者设备中还存在另外的相同要素。It is also to be understood that the terms "comprises" or "comprising" or "comprising" or any other variations are intended to encompass a non-exclusive inclusion, such that a process, method, article, Other elements not explicitly listed, or elements that are inherent to such a process, method, commodity, or equipment. An element defined by the phrase "comprising a ..." does not exclude the presence of additional identical elements in a process, method, article, or device that comprises the element, without further limitation.
本领域技术人员应明白,本申请的实施例可提供为方法、系统或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。Those skilled in the art will appreciate that embodiments of the present application can be provided as a method, system, or computer program product. Thus, the present application can take the form of an entirely hardware embodiment, an entirely software embodiment or an embodiment in combination of software and hardware. Moreover, the application can take the form of a computer program product embodied on one or more computer-usable storage media (including but not limited to disk storage, CD-ROM, optical storage, etc.) including computer usable program code.
以上仅为本申请的实施例而已,并不用于限制本申请。对于本领域技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本申请的权利要求范围之内。The above is only an embodiment of the present application and is not intended to limit the application. Various changes and modifications can be made to the present application by those skilled in the art. Any modifications, equivalents, improvements, etc. made within the spirit and scope of the present application are intended to be included within the scope of the appended claims.

Claims (10)

  1. 一种热力图绘制方法,其特征在于,包括:A method for drawing a heat map, comprising:
    获得用户在第一显示区域的当前显示内容进行点击操作时的点击位置;Obtaining a click position of the user when the current display content of the first display area is clicked;
    在所述第一显示区域为可滚动区域时,确定所述点击位置对应的在所述第一显示区域的界面图中的实际位置;When the first display area is a scrollable area, determining an actual position in the interface map of the first display area corresponding to the click position;
    根据所述实际位置生成所述第一显示区域的热力图。Generating a heat map of the first display area according to the actual position.
  2. 根据权利要求1所述的方法,其特征在于,所述确定所述点击位置对应的在所述第一显示区域的界面图中的实际位置,包括:The method according to claim 1, wherein the determining the actual location in the interface map of the first display area corresponding to the click location comprises:
    判断所述当前显示内容是否为用户对所述第一显示区域的内容滚动操作所触发的显示内容,如果是,则获得用户对所述第一显示区域的历次内容滚动操作的操作信息,根据所述历次内容滚动操作的操作信息确定所述点击位置对应的在所述第一显示区域的界面图中的实际位置;否则,将所述点击位置确定为所述实际位置。Determining whether the current display content is a display content triggered by a content scrolling operation of the first display area by the user, and if yes, obtaining operation information of a previous content scrolling operation of the first display area by the user, according to the The operation information of the previous content scrolling operation determines the actual location in the interface map of the first display area corresponding to the click location; otherwise, the click location is determined as the actual location.
  3. 根据权利要求1或2所述的方法,其特征在于,所述方法还包括:The method according to claim 1 or 2, wherein the method further comprises:
    获得所述第一显示区域的界面图;Obtaining an interface diagram of the first display area;
    在根据所述实际位置生成所述第一显示区域的热力图后,将所述热力图置于所述界面图上,获得所述第一显示区域的界面热力图。After generating the heat map of the first display area according to the actual position, placing the heat map on the interface map to obtain an interface heat map of the first display area.
  4. 根据权利要求2或3所述的方法,其特征在于,所述内容滚动操作的操作信息包括:滚动方向和滚动距离;The method according to claim 2 or 3, wherein the operation information of the content scrolling operation comprises: a scrolling direction and a scrolling distance;
    所述根据所述历次内容滚动操作的操作信息确定所述点击位置对应的在所述第一显示区域的界面图中的实际位置,包括:Determining, according to the operation information of the previous content scrolling operation, the actual location in the interface map of the first display area corresponding to the click location, including:
    根据历次内容滚动操作的所述滚动方向和所述滚动距离对所述点击位置进行修正,获得所述点击位置对应的在所述第一显示区域的界面图中的实际位置。The click position is corrected according to the scroll direction and the scroll distance of the previous content scrolling operation, and the actual position in the interface map of the first display area corresponding to the click position is obtained.
  5. 根据权利要求3所述的方法,其特征在于,所述方法还包括:The method of claim 3, wherein the method further comprises:
    确定电子设备显示的界面中的显示区域的数量,其中,电子设备显示的界面中的显示区域为可滚动区域或固定区域;Determining the number of display areas in the interface displayed by the electronic device, wherein the display area in the interface displayed by the electronic device is a scrollable area or a fixed area;
    当所述数量不低于2时,获得电子设备显示的界面中的各显示区域的相对 位置关系;When the number is not less than 2, obtaining a relative positional relationship of each display area in the interface displayed by the electronic device;
    根据所述相对位置关系将各显示区域的界面热力图合成为一个图片。The interface thermograms of the display regions are combined into one picture according to the relative positional relationship.
  6. 根据权利要求3所述的方法,其特征在于,所述方法还包括:The method of claim 3, wherein the method further comprises:
    确定电子设备显示的界面中的显示区域的数量,其中,电子设备显示的界面中的显示区域为可滚动区域或固定区域;Determining the number of display areas in the interface displayed by the electronic device, wherein the display area in the interface displayed by the electronic device is a scrollable area or a fixed area;
    当所述数量不低于2时,获得电子设备显示的界面中各显示区域的标识点的坐标;When the number is not less than 2, obtaining coordinates of the identification points of each display area in the interface displayed by the electronic device;
    根据所述标识点的坐标将各显示区域的界面热力图合成为一个图片。The interface thermograms of the display regions are combined into one picture according to the coordinates of the identification points.
  7. 一种热力图绘制装置,其特征在于,包括:点击位置获得单元、实际位置确定单元和热力图生成单元,A heat drawing device, comprising: a click position obtaining unit, an actual position determining unit, and a heat map generating unit,
    所述点击位置获得单元,用于获得用户在第一显示区域的当前显示内容进行点击操作时的点击位置;The click location obtaining unit is configured to obtain a click position of the user when the current display content of the first display area performs a click operation;
    所述实际位置确定单元,用于在所述第一显示区域为可滚动区域时,确定所述点击位置对应的在所述第一显示区域的界面图中的实际位置;The actual position determining unit is configured to determine, when the first display area is a scrollable area, an actual position in the interface map of the first display area corresponding to the click position;
    所述热力图生成单元,用于根据所述实际位置生成所述第一显示区域的热力图。The heat map generating unit is configured to generate a heat map of the first display area according to the actual position.
  8. 根据权利要求7所述的装置,其特征在于,所述实际位置确定单元,包括:触发判断单元、操作信息获得单元、第一确定单元和第二确定单元,The device according to claim 7, wherein the actual location determining unit comprises: a trigger determining unit, an operation information obtaining unit, a first determining unit, and a second determining unit,
    所述触发判断单元,用于判断所述当前显示内容是否为用户对所述第一显示区域的内容滚动操作所触发的显示内容,如果是,则触发所述操作信息获得单元;否则触发所述第二确定单元;The trigger determining unit is configured to determine whether the current display content is a display content triggered by a content scrolling operation of the first display area by the user, and if yes, triggering the operation information obtaining unit; otherwise triggering the Second determining unit;
    所述操作信息获得单元,用于获得用户对所述第一显示区域的历次内容滚动操作的操作信息;The operation information obtaining unit is configured to obtain operation information of a user's previous content scrolling operation on the first display area;
    所述第一确定单元,用于根据所述历次内容滚动操作的操作信息确定所述点击位置对应的在所述第一显示区域的界面图中的实际位置;The first determining unit is configured to determine, according to the operation information of the previous content scrolling operation, an actual location in the interface map of the first display area corresponding to the click position;
    所述第二确定单元,用于将所述点击位置确定为所述实际位置。The second determining unit is configured to determine the click position as the actual position.
  9. 根据权利要求7或8所述的装置,其特征在于,所述装置还包括:界面图获得单元和图片处理单元,The device according to claim 7 or 8, wherein the device further comprises: an interface map obtaining unit and a picture processing unit,
    所述界面图获得单元,用于获得所述第一显示区域的界面图;The interface map obtaining unit is configured to obtain an interface diagram of the first display area;
    所述图片处理单元,用于在根据所述实际位置生成所述第一显示区域的热力图后,将所述热力图置于所述界面图上,获得所述第一显示区域的界面热力图。The image processing unit is configured to: after generating a heat map of the first display area according to the actual position, placing the heat map on the interface map to obtain an interface heat map of the first display area .
  10. 根据权利要求8或9所述的装置,其特征在于,所述内容滚动操作的操作信息包括:滚动方向和滚动距离;The apparatus according to claim 8 or 9, wherein the operation information of the content scrolling operation comprises: a scrolling direction and a scrolling distance;
    所述第一确定单元,具体用于:根据历次内容滚动操作的所述滚动方向和所述滚动距离对所述点击位置进行修正,获得所述点击位置对应的在所述第一显示区域的界面图中的实际位置。The first determining unit is configured to: correct the click position according to the scroll direction and the scroll distance of the previous content scrolling operation, and obtain an interface of the first display area corresponding to the click position The actual position in the figure.
PCT/CN2018/076414 2017-06-21 2018-02-12 Thermodynamic diagram drawing method and apparatus WO2018233307A1 (en)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201710476878.6A CN109101144B (en) 2017-06-21 2017-06-21 Thermodynamic diagram drawing method and device
CN201710476878.6 2017-06-21

Publications (1)

Publication Number Publication Date
WO2018233307A1 true WO2018233307A1 (en) 2018-12-27

Family

ID=64735864

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2018/076414 WO2018233307A1 (en) 2017-06-21 2018-02-12 Thermodynamic diagram drawing method and apparatus

Country Status (2)

Country Link
CN (1) CN109101144B (en)
WO (1) WO2018233307A1 (en)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111090819A (en) * 2019-11-12 2020-05-01 华为技术有限公司 Thermodynamic diagram generation method, thermodynamic diagram generation device, terminal and computer-readable storage medium
CN113191172A (en) * 2020-01-14 2021-07-30 阿里巴巴集团控股有限公司 Method, apparatus, computing device and storage medium for acquiring article display information
CN114328781A (en) * 2021-12-24 2022-04-12 北京庚图科技有限公司 Method, device, equipment and storage medium for fast rendering of temporal thermodynamic diagram

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6476823B1 (en) * 2000-04-25 2002-11-05 Codehorse, Inc. Interactive image tiler
CN103605739A (en) * 2013-11-19 2014-02-26 北京国双科技有限公司 Method and device for displaying thermodynamic diagrams
CN103778660A (en) * 2013-11-21 2014-05-07 北京国双科技有限公司 Processing method and apparatus of stereoscopic thermodynamic chart
CN104951961A (en) * 2015-06-02 2015-09-30 百度在线网络技术(北京)有限公司 Method, terminal, server and system for pushing contents

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6476823B1 (en) * 2000-04-25 2002-11-05 Codehorse, Inc. Interactive image tiler
CN103605739A (en) * 2013-11-19 2014-02-26 北京国双科技有限公司 Method and device for displaying thermodynamic diagrams
CN103778660A (en) * 2013-11-21 2014-05-07 北京国双科技有限公司 Processing method and apparatus of stereoscopic thermodynamic chart
CN104951961A (en) * 2015-06-02 2015-09-30 百度在线网络技术(北京)有限公司 Method, terminal, server and system for pushing contents

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111090819A (en) * 2019-11-12 2020-05-01 华为技术有限公司 Thermodynamic diagram generation method, thermodynamic diagram generation device, terminal and computer-readable storage medium
CN113191172A (en) * 2020-01-14 2021-07-30 阿里巴巴集团控股有限公司 Method, apparatus, computing device and storage medium for acquiring article display information
CN114328781A (en) * 2021-12-24 2022-04-12 北京庚图科技有限公司 Method, device, equipment and storage medium for fast rendering of temporal thermodynamic diagram

Also Published As

Publication number Publication date
CN109101144B (en) 2020-04-28
CN109101144A (en) 2018-12-28

Similar Documents

Publication Publication Date Title
KR101173740B1 (en) Updating content display based on cursor position
US20150220504A1 (en) Visual Annotations for Objects
US10809898B2 (en) Color picker
CN111752557A (en) Display method and device
JP6035971B2 (en) Information processing apparatus, program, and image processing system
US10817054B2 (en) Eye watch point tracking via binocular and stereo images
WO2018233307A1 (en) Thermodynamic diagram drawing method and apparatus
US20160071237A1 (en) Responsive image rendition authoring
WO2018205493A1 (en) Graphic drawing method, apparatus and device
TW201624354A (en) Method and apparatus for displaying information
US20150113452A1 (en) Graphical user interface
US20180300552A1 (en) Differential Tracking for Panoramic Images
WO2019007372A1 (en) Model display method and apparatus
CN109857964B (en) Thermodynamic diagram drawing method and device for page operation, storage medium and processor
CN109213668B (en) Operation recording method and device and terminal
US20150138077A1 (en) Display system and display controll device
WO2019214082A1 (en) Map display method, apparatus, computer device, and storage medium
CN113253891B (en) Terminal control method and device, storage medium and terminal
US20190163281A1 (en) Visual Transformation using a Motion Profile
KR101996159B1 (en) Information presentation method and apparatus
US20170017370A1 (en) Device and method for processing data
US20170032410A1 (en) Information processing device, information processing method, non-transitory computer readable storage medium, and distribution device
CN111077999B (en) Information processing method, equipment and system
CN110058751B (en) Method and device for selecting electronic document content
US9081487B2 (en) System and method for manipulating an image

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: 18820931

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 18820931

Country of ref document: EP

Kind code of ref document: A1