WO2015074575A1 - Method and apparatus for obtaining three-dimensional thermodynamic diagram - Google Patents

Method and apparatus for obtaining three-dimensional thermodynamic diagram Download PDF

Info

Publication number
WO2015074575A1
WO2015074575A1 PCT/CN2014/091704 CN2014091704W WO2015074575A1 WO 2015074575 A1 WO2015074575 A1 WO 2015074575A1 CN 2014091704 W CN2014091704 W CN 2014091704W WO 2015074575 A1 WO2015074575 A1 WO 2015074575A1
Authority
WO
WIPO (PCT)
Prior art keywords
click
heat map
data
color
module
Prior art date
Application number
PCT/CN2014/091704
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 WO2015074575A1 publication Critical patent/WO2015074575A1/en

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/002D [Two Dimensional] image generation
    • G06T11/20Drawing from basic elements, e.g. lines or circles
    • G06T11/206Drawing of charts or graphs
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577Optimising the visualization of content, e.g. distillation of HTML documents

Definitions

  • the present invention relates to the field of computer Internet, and in particular to a method and apparatus for acquiring a stereo heat map.
  • the existing heat map captures the user's clicks, channel sources, and geographic locations of each web page by capturing the clicks of the user's mouse, and deducing the user's habits.
  • the heat map is recorded, calculated, and converted into user clicks. Different color values visually reflect the user's clicks with a visual color map. And by circled the position of the heat map, the number of user clicks in the fixed area, the user source ratio and other subdivision data are obtained.
  • the prior art can first design an id number for each page, perform a mouse position click on the position of the page, convert the click value of the mouse into a color, and click on the mouse. How much corresponds to the designed color level, thus forming a color map with a higher degree of visualization, directly reflecting the use of the content of each part of a website through the color map, that is, obtaining the click information of the web page using the color map.
  • the heat map in which the click of the heat map is converted to color, the reader must learn a certain color language to better read the meaning of the heat map, but it is also necessary to note that the expression of the heat map tends to be proportional. It is impossible to visually reflect the intuitive feeling of direct reading of the magnitude of big data. At the same time, it is not convenient to analyze the number of people in different orders of magnitude.
  • a planar heat map for using a color map to indicate a click state of a web page cannot directly reflect the problem of the magnitude of big data.
  • an effective solution has not been proposed.
  • the main object of the present invention is to provide a stereo heat map. The method and device to solve the above problems.
  • a method for acquiring a stereo heat map comprising: acquiring data of a planar heat map of a webpage page, wherein the data of the plane heat map comprises click data of a webpage page; Click the acquisition layer to establish a three-dimensional coordinate system to obtain the axonometric map; display the data of the planar thermal force diagram on the isometric view to obtain a stereoscopic thermal map.
  • an apparatus for acquiring a stereo heat map comprising: an acquisition module, configured to acquire data of a planar heat map of a webpage page, and the data of the planar heat map comprises a webpage The click data of the page; the establishing module is configured to establish a three-dimensional coordinate system based on the click acquisition layer, and obtain the axonometric map; and the processing module is configured to display the data of the planar heat map on the isometric map to obtain the stereo heat map.
  • the present application also provides a computer terminal for executing the program code of the steps provided by the above method for acquiring a stereo heat map.
  • the present application also provides a storage medium for storing the program code executed by the above method for acquiring a stereo heat map.
  • the data of the plane heat map of the web page is acquired, the data of the plane heat map includes the click data of the webpage page; the three-dimensional coordinate system is established based on the click acquisition layer, and the axonometric map is acquired; the data of the plane heat map is displayed on the axis.
  • the stereo heat map is obtained, which solves the problem that the prior art using the color map to indicate the click state of the web page cannot directly reflect the order of magnitude of the big data, thereby realizing the effect of visually displaying the magnitude of the big data.
  • FIG. 1 is a schematic flow chart of a method for acquiring a stereo heat map according to an embodiment of the present invention
  • Figure 2 is a schematic view showing the coordinates of the axonometric drawing of the embodiment of Figure 1 according to the present invention
  • FIG 3 is a schematic view of a color wheel in accordance with the embodiment of Figure 1 of the present invention.
  • Figure 4 is a schematic view showing the state of the rotation observation of the embodiment shown in Figure 1 according to the present invention.
  • Figure 5 is a schematic view showing the display of a three-dimensional heat map according to the embodiment of Figure 1 of the present invention.
  • FIG. 6 is a schematic structural diagram of an apparatus for acquiring a three-dimensional heat map according to an embodiment of the present invention.
  • Embodiment 1 is a diagrammatic representation of Embodiment 1:
  • FIG. 1 is a schematic flow chart of a method for acquiring a stereo heat map according to an embodiment of the present invention. As shown in FIG. 1, the method includes the following steps:
  • Step S10 Obtain data of a plane heat map of the webpage page, where the data of the plane heat map includes click data of the webpage page.
  • Step S30 a three-dimensional coordinate system is established based on the click acquisition layer, and the isometric map is acquired.
  • step S50 the data of the plane heat map is displayed on the isometric drawing to obtain a stereo heat map.
  • the plane heat map of the webpage and the click data of the webpage page displayed on the plane heat map are first obtained, and then the click data displayed on the plane heat map is imported by creating an isometric drawing of the three-dimensional structure. Corresponding to the isometric view, so that the thermal map of the original plane display is displayed in the form of a stereo heat map.
  • the stereo heat map scheme provided by the above embodiment is more important to open up a new data observation method and a method for the user to understand and read the data, and to develop a new reading mode and operation interaction on the stereo heat map.
  • these will be based on the three-dimensional heat map design and technological innovation, which not only realizes the functional requirements of the planar heat map, but also increases the user's good user experience.
  • the axonometric drawing in the above embodiment of the present application is a single-sided projection image, which can simultaneously reflect the shape of three coordinate planes of an object on one projection surface, and is close to people's visual habits, image and lifelike. Full of three-dimensionality.
  • the axonometric map can be used as an auxiliary pattern for the user to further improve the layout of the webpage to design a webpage layout structure that is more in line with the user's click habit.
  • the use of the axonometric map can help conceive and imagine the shape of the object. It is not intuitive to make up for the planar heat map of the orthographic projection.
  • step S30 establishes a three-dimensional coordinate system based on the click acquisition layer
  • the step of acquiring the axonometric map may be implemented by setting the plane lateral coordinate of the click acquisition layer to be an x coordinate, and the plane longitudinal coordinate is y.
  • the coordinates, perpendicular to the coordinates of the click acquisition layer plane, are z-coordinates, and a three-dimensional coordinate system is generated, and the three-dimensional coordinate system has a default axial direction of 45 degrees.
  • the horizontal coordinate of the click acquisition layer of the mouse click is taken as the x-axis
  • the vertical coordinate is the y-axis
  • the click amount of the mouse is the vertical axis z-axis
  • the stereo coordinate system is established.
  • the quantity, the unit per click can be 1, the coordinate system defaults to 45° in the axial direction, that is, the axonometric map, which forms a three-dimensional figure, the macroscopic performance clicks on the order of magnitude, in order to more intuitively represent the number of subdivisions,
  • the color is overlaid on the stereo heat map, from the cool color area to the warm color area, representing from a small order of magnitude to a large order of magnitude.
  • the number of clicks corresponding to each click position in the database is displayed on the z-axis.
  • step S10 may include the following steps:
  • step S101 a click acquisition layer is created on the webpage page.
  • the click acquisition layer refers to: establishing a coordinate system on the webpage, collecting coordinates of the user's mouse click data, setting an id for the current page content, dynamically updating the current id when the content changes, and clicking the mouse
  • the coordinates of the data and its corresponding id number are combined into a piece to form click data, which is sent to the data collection server in the form of the background olap analysis structure and stored in the database.
  • the click data is integrated with the associated data collected by the system, linking the click data with the kpi data such as the final purchase.
  • the data covered on this layer can correspond to the color, thus automatically forming a planar heat map.
  • Step S102 after a click operation occurs on the webpage page, the record click acquisition layer obtains the click data, and the click data includes: a click location and a click number of each click location, and may further include an event associated with the click behavior, where The associated event after the click behavior may refer to a function that is triggered after the web page receives the click behavior, such as login, page jump, and saved functions. Specifically, after the user can click on the webpage page by using the mouse, the click acquisition layer is used to obtain the click data.
  • step S103 the display color of the click position is determined according to the number of clicks of the click position.
  • the above steps of the present application implement a solution.
  • the click data of the mouse is recorded on the click acquisition layer of the mouse click of the web page.
  • the click-acquisition layer of the mouse click can cover the entire page screen size without border restrictions.
  • the number of clicks of the position is recorded as 1 each time the click is clicked, and the number of clicks of the click position is sequentially accumulated. Finally, each click location coordinate and its clicks are saved to the database.
  • the data of the planar heat map is displayed on the isometric view in step S50, and the method may further include the following steps:
  • Step S301 Acquire a preset time threshold.
  • Step S302 Read data of a webpage corresponding to the plane heat map recorded within the time threshold.
  • Step S303 and displaying the data of the plane heat map on the isometric drawing.
  • the above axonometric map can have two forms of optimal angle, one is a positive axis map, and each of x, y, and z is 120 degrees; the second is an oblique axis map, and the angle between z and x is 90. Degree, the other is 135 degrees, you can get the ideal three-dimensional heat map observation angle, every time the user clicks on the page, it records the click position of the user click and position, and then corresponds to the stereo coordinate system, x The corresponding position of the y-axis is unchanged, the number of corresponding points is displayed on the z-axis, and one click is recorded as the quantity hit.
  • the method further comprises: after obtaining the stereo heat map, setting the display color of the stereo heat map according to the color sequence in the color circle.
  • the color displayed in this step is the color value set by the system for each click on the z-axis of the isometric drawing.
  • the data of the stereo heat map corresponding to the color in the color circle (for example, the number of clicks) can be read first, and the current color is displayed. The position corresponding to the data on the stereo heat map.
  • the above embodiment implements a setup time period and depicts a three-dimensional heat map in the time period.
  • the color circle refers to a long color sequence seen in the color spectrum
  • the color ring refers to a color based on RGB standard in the color forming technique of the computer
  • green (green), blue (blue) are three basic colors
  • red is extremely warm color
  • color is reflected by people because of reflection, so form a series of standards for the inverse color of cmy, cyan (cyan), magenta ( Magenta), yellow (yellow), where cyan is extremely cool. Finishing the extremely cold and very warm colors, connecting the head and tail together, the half color circle experienced on the color circle as the color standard, it needs to cross the cool color area and the warm color area.
  • the cold color blue on the color ring is selected as the lowest value, and half of the color ring is selected (the color ring of the two halves can also be selected as the color standard to correspond to the relevant value).
  • the color order of blue, green, yellow, and orange set the increment of color change to color the stereo heat map.
  • the color of the cold and warm poles gives people a sense of color, and these color perceptions tend to be warm and cold to people.
  • the cold is extremely pure blue, the warmth is extremely red and yellow, and the orange is obtained.
  • the data of the plane heat map is displayed on the isometric view in step S50, and after the stereo heat map is acquired, the method may further include the following steps: step S501, the axial view of the stereo heat map
  • the axis is the standard and the stereo heat map is displayed in the form of a hemisphere rotation.
  • the above solution realizes the setting of the hemispherical rotation function, that is, the hemisphere rotation is set for the heat map, and the bottom of the heat map is not displayed.
  • angle rotation you can use different heights and colors to different points.
  • the shots form a clear macroscopic conceptual contrast. Therefore, the user's visual space is guaranteed to be on the "mountain peak" of the heat map, and it can have better observation effects from multiple angles.
  • This heat map will have a top view angle, and the top view effect will be equivalent to the plane heat map.
  • the solution provided by the present application can convert a planar heat map into a force stereo heat map, with the horizontal side of the page being the X axis, the vertical direction being the Y axis, and the number of clicks of the mouse being the z axis.
  • the coordinate system of the body heat map is established, and the stereoscopic heat map with more sensory characteristics is drawn by the number of click positions.
  • different orders of magnitude correspond to different colors, and the stereo heat map is graded and colored to form a gradation heat map.
  • the heat map can be rotated, and the heat map can be viewed from all directions, so that the click position of the position of the page can be fully viewed, and the initial and intuitive click distribution comparison is obtained through the height comparison.
  • Embodiment 2 is a diagrammatic representation of Embodiment 1:
  • FIG. 1 a suitable computing architecture that can be used to implement the principles of the present application will be described with reference to FIG.
  • embodiments of the present application are described with reference to the symbolic representation of acts and operations performed by one or more computers, unless otherwise indicated.
  • Such actions and operations include the manipulation of an electrical signal by a processing unit of a computer to represent data in a structured form. This manipulation transforms the data or maintains it in a location in the computer's memory system, which reconfigures or changes the operation of the computer in a manner that is understood by those skilled in the art.
  • the data structure that maintains the data is the physical location of the memory with the specific attributes defined by the format of the data.
  • the present application is described in the above context, it is not meant to be limiting, and as understood by those skilled in the art, aspects of the actions and operations described hereinafter may also be implemented in hardware.
  • Figure 6 shows a schematic diagram of an example computer architecture that can be used with these devices.
  • the depicted architecture is only one example of a suitable environment and is not intended to limit the scope of the application.
  • the computing system be interpreted as having any dependency or requirement on any of the components shown in Figure 6 or a combination thereof.
  • FIG. 6 is a schematic structural diagram of an apparatus for acquiring a three-dimensional heat map according to an embodiment of the present invention.
  • the foregoing apparatus includes: an obtaining module 102, an establishing module 104, and a processing module 106.
  • the obtaining module 102 is configured to acquire data of a plane heat map of a webpage page, and the data of the plane heat map includes click data of the webpage page;
  • the establishing module 104 is configured to establish a three-dimensional coordinate system based on the click-acquisition layer, and obtain the axonometric map;
  • the processing module 106 is configured to display the data of the planar heat map on the isometric drawing to obtain a stereo heat map.
  • the foregoing obtaining module 102, the establishing module 104, and the processing module 106 may be run in a computer terminal as part of the device, and the functions implemented by the foregoing module may be performed by a processor in the computer terminal, and the computer terminal may also be It is a smart phone (such as Android phone, iOS phone, etc.), tablet computer, PDA, and mobile Internet devices (MID), PAD and other terminal devices.
  • the plane heat map of the webpage and the click data of the webpage page displayed on the plane heat map are first obtained, and then the click data displayed on the plane heat map is imported by creating an isometric drawing of the three-dimensional structure. Corresponding to the isometric view, so that the thermal map of the original plane display is displayed in the form of a stereo heat map.
  • the stereo heat map scheme provided by the above embodiment is more important to open up a new data observation method and a method for the user to understand and read the data, and to develop a new reading mode and operation interaction on the stereo heat map.
  • these will be based on the three-dimensional heat map design and technological innovation, which not only realizes the functional requirements of the planar heat map, but also increases the user's good user experience.
  • the axonometric drawing in the above embodiment of the present application is a single-sided projection image, which can simultaneously reflect the shape of three coordinate planes of an object on one projection surface, and is close to people's visual habits, image and lifelike. Full of three-dimensionality.
  • the axonometric map can be used as an auxiliary pattern for the user to further improve the layout of the webpage to design a webpage layout structure that is more in line with the user's click habit.
  • the use of the axonometric map can help conceive and imagine the shape of the object. It is not intuitive to make up for the planar heat map of the orthographic projection.
  • the obtaining module 102 in the above embodiment may include: a creating module, configured to create a click acquisition layer on the webpage page; and a recording module, configured to record the click acquisition layer to obtain the click data after the webpage page is clicked,
  • the click data includes: a click location and a click number of each click location, and may further include an event associated with the click behavior, where the associated event after the click behavior may be triggered after the webpage page receives the click behavior.
  • Functions such as login, page jump, and saved functions; a determination module for determining the display color of the click position according to the number of clicks of the click position.
  • the above-mentioned creation module, recording module and determination module may be operated in a computer terminal as part of the device, and the functions implemented by the above module may be performed by a processor in the computer terminal, and the computer terminal may also be a smart phone. (such as Android phones, iOS phones, etc.), tablets, handheld computers and mobile Internet devices (Mobile Internet Devices, MID), PAD and other terminal devices.
  • the above embodiment implements a setup time period and depicts a three-dimensional heat map in the time period.
  • the color circle refers to a long color sequence seen in the color spectrum
  • the color ring refers to a color based on RGB standard in the color forming technique of the computer
  • green (green), blue (blue) are three basic colors
  • red is extremely warm color
  • color is reflected by people because of reflection, so form a series of standards for the inverse color of cmy, cyan (cyan), magenta ( Magenta), yellow (yellow), where cyan is extremely cool. Finishing the extremely cold and very warm colors, connecting the head and tail together, the half color circle experienced on the color circle as the color standard, it needs to cross the cool color area and the warm color area.
  • the cold color blue on the color ring is selected as the lowest value, and half of the color ring is selected (the color ring of the two halves can also be selected as the color standard to correspond to the relevant value).
  • the color order of blue, green, yellow, and orange set the increment of color change to color the stereo heat map.
  • the color of the cold and warm poles gives people a sense of color, and these color perceptions tend to be warm and cold to people.
  • the cold is extremely pure blue, the warmth is extremely red and yellow, and the orange is obtained.
  • the establishing module 104 in the above embodiment may include: a setting module, configured to set a plane lateral coordinate of the click acquisition layer to be an x coordinate, a plane longitudinal coordinate to be a y coordinate, and a coordinate perpendicular to the click acquisition layer plane as a z coordinate, A three-dimensional coordinate system is generated, and the three-dimensional coordinate system has a default axial direction of 45 degrees.
  • the above setting module can be run in a computer terminal as a part of the device, and the function implemented by the above module can be executed by a processor in the computer terminal, and the computer terminal can also be a smart phone (such as an Android mobile phone, iOS). Mobile phones, etc., tablet computers, PDAs, and mobile Internet devices (MID), PAD and other terminal devices.
  • a smart phone such as an Android mobile phone, iOS
  • MID mobile Internet devices
  • the device in the above embodiment may further include: a sub-acquisition module, configured to acquire a preset time threshold; and a reading module, configured to read data of a webpage corresponding to the planar heat map recorded within the time threshold; A setting module for setting the display color of the stereo heat map in the order of colors in the color circle.
  • the data of the stereo heat map corresponding to the color in the color circle (for example, the number of clicks) may be read first, and the current color is displayed on the corresponding position of the data on the stereo heat map.
  • sub-acquisition module may be run in a computer terminal as part of the device, and the functions implemented by the above module may be executed by a processor in the computer terminal, and the computer terminal may also It is a smart phone (such as Android phone, iOS phone, etc.), tablet computer, PDA, and mobile Internet devices (MID), PAD and other terminal devices.
  • smart phone such as Android phone, iOS phone, etc.
  • tablet computer such as Samsung Galaxy Tab, Samsung Galaxy Tab, etc.
  • PDA personal digital assistant
  • MID mobile Internet devices
  • the above steps of the present application implement a solution.
  • the click data of the mouse is recorded on the click acquisition layer of the mouse click of the web page.
  • the click-acquisition layer of the mouse click can cover the entire page screen size without border restrictions.
  • the apparatus in the above embodiment may further include: a rotation display module configured to display the three-dimensional heat map in a hemispherical rotation according to the z-axis of the isometric view of the three-dimensional thermogram.
  • a rotation display module configured to display the three-dimensional heat map in a hemispherical rotation according to the z-axis of the isometric view of the three-dimensional thermogram.
  • the above rotating display module can be run in a computer terminal as part of the device, and the functions implemented by the above module can be performed by a processor in the computer terminal, and the computer terminal can also be a smart phone (such as an Android mobile phone, Terminal devices such as iOS phones, tablets, PDAs, and mobile Internet devices (MID), PAD, etc.
  • a smart phone such as an Android mobile phone, Terminal devices such as iOS phones, tablets, PDAs, and mobile Internet devices (MID), PAD, etc.
  • the present invention achieves the following technical effects: through the embodiment, more intuitive and optimized web page click data can be realized, thereby solving the prior art using the color map to represent the web page click status.
  • the heat map does not intuitively reflect the magnitude of big data, and thus achieves an order of magnitude that can visualize big data.
  • the increase in height dimension design the high visualization of analog clicks is better than the performance of color on clicks;
  • the color stereo design in addition to the change in area will be combined with the three-dimensional space, can be larger The extent of the zoom in the range of clicks.
  • the solution provided by the present application can convert a planar heat map into a force stereo heat map, with the horizontal side of the page being the X axis, the vertical direction being the Y axis, and the number of clicks of the mouse being the z axis, establishing the body heat map.
  • the coordinate system by clicking on the number of positions, depicts a more intense stereoscopic heat map.
  • different orders of magnitude correspond to different colors, and the stereo heat map is graded and colored to form a gradation heat map.
  • heat map It can be rotated to view the heat map from all directions, so that all the clicks of the position of the page can be viewed, and the initial and intuitive click distribution comparison is obtained through the height comparison.
  • the various functional modules provided by the embodiments of the present application may be run in a mobile terminal, a computer terminal, or the like, or may be stored as part of a storage medium.
  • embodiments of the present invention may provide a computer terminal, which may be any computer terminal device in a group of computer terminals.
  • a computer terminal may also be replaced with a terminal device such as a mobile terminal.
  • the computer terminal may be located in at least one network device of the plurality of network devices of the computer network.
  • the computer terminal may execute the program code of the following steps in the method for acquiring a stereo heat map: acquiring data of a plane heat map of a webpage page, and the data of the plane heat map includes click data of the webpage page; A three-dimensional coordinate system is established to obtain an axonometric map; the data of the planar thermodynamic map is displayed on the isometric view to obtain a stereoscopic thermogram.
  • the computer terminal can include: one or more processors, memory, and transmission means.
  • the memory can be used to store the software program and the module, such as the method and device corresponding to the method for acquiring the stereo heat map in the embodiment of the present invention, and the processor executes the software program and the module stored in the memory, thereby executing each A functional application and data processing, that is, the above method of acquiring a stereo heat map.
  • the memory may include a high speed random access memory, and may also include non-volatile memory such as one or more magnetic storage devices, flash memory, or other non-volatile solid state memory.
  • the memory can further include memory remotely located relative to the processor, which can be connected to the terminal over a network. Examples of such networks include, but are not limited to, the Internet, intranets, local area networks, mobile communication networks, and combinations thereof.
  • the above transmission device is for receiving or transmitting data via a network.
  • Specific examples of the above network may include a wired network and a wireless network.
  • the transmission device includes a Network Interface Controller (NIC) that can be connected to other network devices and routers via a network cable to communicate with the Internet or a local area network.
  • the transmission device is a Radio Frequency (RF) module for communicating with the Internet wirelessly.
  • NIC Network Interface Controller
  • RF Radio Frequency
  • the memory is used to store preset action conditions and information of the preset rights user, and an application.
  • the processor can call the memory stored information and the application by the transmitting device to execute the program code of the method steps of each of the alternative or preferred embodiments of the above method embodiments.
  • the computer terminal can also be a smart phone (such as an Android phone, an iOS phone, etc.), a tablet computer, a palm computer, and a mobile Internet device (MID), a PAD, and the like.
  • a smart phone such as an Android phone, an iOS phone, etc.
  • a tablet computer such as a Samsung Galaxy Tab, etc.
  • a palm computer such as a Samsung Galaxy Tab, etc.
  • MID mobile Internet device
  • Embodiments of the present invention also provide a storage medium.
  • the foregoing storage medium may be used to save the program code executed by the method for obtaining a stereo heat map provided by the foregoing method embodiment and the device embodiment.
  • the foregoing storage medium may be located in any one of the computer terminal groups in the computer network, or in any one of the mobile terminal groups.
  • the storage medium is configured to store program code for performing the following steps: acquiring data of a plane heat map of the webpage page, the data of the plane heat map including click data of the webpage page;
  • the layer establishes a three-dimensional coordinate system to obtain an axonometric map; the data of the planar thermodynamic map is displayed on the isometric view to obtain a stereoscopic thermogram.
  • the storage medium may also be configured to store program code of various preferred or optional method steps provided by the method of acquiring a stereo heat map.
  • the present application can be implemented by means of software plus a necessary general hardware platform. Based on such understanding, the technical solution of the present application may be embodied in the form of a software product in essence or in the form of a software product, which may be stored in a storage medium such as a ROM/RAM or a disk. , optical discs, etc., including a number of instructions for A computer device (which may be a personal computer, server, or network device, etc.) is caused to perform the methods described in various embodiments or portions of the embodiments of the present application.
  • a computer device which may be a personal computer, server, or network device, etc.
  • This application can be used in a variety of general purpose or special purpose computing system environments or configurations.
  • modules or steps of the present invention described above can be implemented by a general-purpose computing device that can be centralized on a single computing device or distributed across a network of multiple computing devices. Alternatively, they may be implemented by program code executable by the computing device, such that they may be stored in a storage device by a computing device, or they may be fabricated into individual integrated circuit modules, or Multiple modules or steps are made into a single integrated circuit module. Thus, the invention is not limited to any specific combination of hardware and software.

Abstract

A method and an apparatus for obtaining a three-dimensional thermodynamic diagram. The method comprises: obtaining data of a planar thermodynamic diagram of a web page, the data of the planar thermodynamic diagram comprising click data of the web page; establishing a three-dimensional coordinate system according to a click obtaining layer, and obtaining an isometric diagram; and displaying the data of the planar thermodynamic diagram on the isometric diagram, and obtaining a three-dimensional thermodynamic diagram. The order of magnitude of big data can be visually displayed, and the good observation and use experience can be improved.

Description

获取立体热力图的方法及装置Method and device for obtaining stereo heat map 技术领域Technical field
本发明涉及计算机互联网领域,具体而言,涉及一种获取立体热力图的方法及装置。The present invention relates to the field of computer Internet, and in particular to a method and apparatus for acquiring a stereo heat map.
背景技术Background technique
现有的热力图通过抓取用户鼠标的点击量来获取用户对每一个网页栏目的点击量、渠道来源、地理位置等,推导用户习惯,热力图通过对用户点击量的收录、计算并转化为不同的颜色值,以可视化的色彩图直观的反映用户的点击情况。并通过圈选热力图的位置,从而得到固定区域的用户点击数,用户来源比等细分数据。The existing heat map captures the user's clicks, channel sources, and geographic locations of each web page by capturing the clicks of the user's mouse, and deducing the user's habits. The heat map is recorded, calculated, and converted into user clicks. Different color values visually reflect the user's clicks with a visual color map. And by circled the position of the heat map, the number of user clicks in the fixed area, the user source ratio and other subdivision data are obtained.
由此可知,为了实现热力图,现有技术可以首先针对每一张页面设计了一个id号,对页面的位置进行鼠标位置点击的抓取,将鼠标的点击数值转化为颜色,鼠标的点击的多少对应的是所设计的颜色等级,从而形成一张可视化程度较高的色彩图谱,通过色彩图谱直接反应一个网站的各个部分的内容的使用情况,即获取到使用色彩图谱显示网页页面点击情况的热力图,其中的热力图的点击向颜色转化,阅读者必须学会一定的颜色语言才可以更好的阅读热力图的含义,但需要同时注意的是这种热力图的表现形式更趋向于比例,无法直观反映出大数据的数量级直接的阅读的直观感受。同时不便于对不同数量级人数的分析。Therefore, in order to realize the heat map, the prior art can first design an id number for each page, perform a mouse position click on the position of the page, convert the click value of the mouse into a color, and click on the mouse. How much corresponds to the designed color level, thus forming a color map with a higher degree of visualization, directly reflecting the use of the content of each part of a website through the color map, that is, obtaining the click information of the web page using the color map The heat map, in which the click of the heat map is converted to color, the reader must learn a certain color language to better read the meaning of the heat map, but it is also necessary to note that the expression of the heat map tends to be proportional. It is impossible to visually reflect the intuitive feeling of direct reading of the magnitude of big data. At the same time, it is not convenient to analyze the number of people in different orders of magnitude.
目前针对相关技术的使用色彩图谱表示网页页面点击状态的平面热力图无法直观反映大数据的数量级的问题,目前尚未提出有效的解决方案。At present, the use of color maps for related technologies indicates that the planar heat map of the click state of a web page cannot directly reflect the magnitude of big data, and no effective solution has been proposed yet.
发明内容Summary of the invention
针对相关技术的使用色彩图谱表示网页页面点击状态的平面热力图无法直观反映大数据的数量级的问题,目前尚未提出有效的解决方案,为此,本发明的主要目的在于提供一种获取立体热力图的方法及装置,以解决上述问题。A planar heat map for using a color map to indicate a click state of a web page cannot directly reflect the problem of the magnitude of big data. Currently, an effective solution has not been proposed. For this reason, the main object of the present invention is to provide a stereo heat map. The method and device to solve the above problems.
为了实现上述目的,根据本发明的一个方面,提供了一种获取立体热力图的方法,该方法包括:获取网页页面的平面热力图的数据,平面热力图的数据包括网页页面的点击数据;基于点击获取层建立三维坐标系,获取轴测图;将平面热力图的数据显示在轴测图上,获取立体热力图。 In order to achieve the above object, according to an aspect of the present invention, a method for acquiring a stereo heat map is provided, the method comprising: acquiring data of a planar heat map of a webpage page, wherein the data of the plane heat map comprises click data of a webpage page; Click the acquisition layer to establish a three-dimensional coordinate system to obtain the axonometric map; display the data of the planar thermal force diagram on the isometric view to obtain a stereoscopic thermal map.
为了实现上述目的,根据本发明的另一方面,提供了一种获取立体热力图的装置,该装置包括:获取模块,用于获取网页页面的平面热力图的数据,平面热力图的数据包括网页页面的点击数据;建立模块,用于基于点击获取层建立三维坐标系,获取轴测图;处理模块,用于将平面热力图的数据显示在轴测图上,获取立体热力图。In order to achieve the above object, according to another aspect of the present invention, an apparatus for acquiring a stereo heat map is provided, the apparatus comprising: an acquisition module, configured to acquire data of a planar heat map of a webpage page, and the data of the planar heat map comprises a webpage The click data of the page; the establishing module is configured to establish a three-dimensional coordinate system based on the click acquisition layer, and obtain the axonometric map; and the processing module is configured to display the data of the planar heat map on the isometric map to obtain the stereo heat map.
本申请还提供了一种计算机终端,用于执行上述获取立体热力图的方法提供的步骤的程序代码。The present application also provides a computer terminal for executing the program code of the steps provided by the above method for acquiring a stereo heat map.
本申请还提供了一种存储介质,用于保存上述获取立体热力图的方法所执行的程序代码。The present application also provides a storage medium for storing the program code executed by the above method for acquiring a stereo heat map.
通过本发明,采用获取网页页面的平面热力图的数据,平面热力图的数据包括网页页面的点击数据;基于点击获取层建立三维坐标系,获取轴测图;将平面热力图的数据显示在轴测图上,获取立体热力图,解决了现有技术的使用色彩图谱表示网页页面点击状态的平面热力图无法直观反映大数据的数量级的问题,进而实现可以直观显示大数据的数量级的效果。Through the invention, the data of the plane heat map of the web page is acquired, the data of the plane heat map includes the click data of the webpage page; the three-dimensional coordinate system is established based on the click acquisition layer, and the axonometric map is acquired; the data of the plane heat map is displayed on the axis. On the map, the stereo heat map is obtained, which solves the problem that the prior art using the color map to indicate the click state of the web page cannot directly reflect the order of magnitude of the big data, thereby realizing the effect of visually displaying the magnitude of the big data.
附图说明DRAWINGS
此处所说明的附图用来提供对本发明的进一步理解,构成本申请的一部分,本发明的示意性实施例及其说明用于解释本发明,并不构成对本发明的不当限定。在附图中:The drawings described herein are intended to provide a further understanding of the invention, and are intended to be a part of the invention. In the drawing:
图1是根据本发明实施例的获取立体热力图的方法的流程示意图;1 is a schematic flow chart of a method for acquiring a stereo heat map according to an embodiment of the present invention;
图2是根据本发明图1所示实施例的轴测图的坐标示意图;Figure 2 is a schematic view showing the coordinates of the axonometric drawing of the embodiment of Figure 1 according to the present invention;
图3是根据本发明图1所示实施例的色环示意图;Figure 3 is a schematic view of a color wheel in accordance with the embodiment of Figure 1 of the present invention;
图4是根据本发明图1所示实施例的旋转观测的状态示意图;Figure 4 is a schematic view showing the state of the rotation observation of the embodiment shown in Figure 1 according to the present invention;
图5是根据本发明图1所示实施例的立体热力图的显示示意图;以及Figure 5 is a schematic view showing the display of a three-dimensional heat map according to the embodiment of Figure 1 of the present invention;
图6是根据本发明实施例的获取立体热力图的装置的结构示意图。FIG. 6 is a schematic structural diagram of an apparatus for acquiring a three-dimensional heat map according to an embodiment of the present invention.
具体实施方式detailed description
需要说明的是,在不冲突的情况下,本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本发明。 It should be noted that the embodiments in the present application and the features in the embodiments may be combined with each other without conflict. The invention will be described in detail below with reference to the drawings in conjunction with the embodiments.
实施例一:Embodiment 1:
在其最基本的配置中,图1是根据本发明实施例的获取立体热力图的方法的流程示意图。如图1所示该方法包括如下步骤:In its most basic configuration, FIG. 1 is a schematic flow chart of a method for acquiring a stereo heat map according to an embodiment of the present invention. As shown in FIG. 1, the method includes the following steps:
步骤S10,获取网页页面的平面热力图的数据,平面热力图的数据包括网页页面的点击数据。Step S10: Obtain data of a plane heat map of the webpage page, where the data of the plane heat map includes click data of the webpage page.
步骤S30,基于点击获取层建立三维坐标系,获取轴测图。Step S30, a three-dimensional coordinate system is established based on the click acquisition layer, and the isometric map is acquired.
步骤S50,将平面热力图的数据显示在轴测图上,获取立体热力图。In step S50, the data of the plane heat map is displayed on the isometric drawing to obtain a stereo heat map.
本申请上述实施例中,首先获取到网页的平面热力图,以及平面热力图上显示的网页页面的点击数据,然后通过创建三维结构的轴测图,将平面热力图上显示的点击数据导入到对应的轴测图上,从而使得原来平面显示的热力图以立体热力图的形式进行显示。通过本实施例,可以实现更加直观、优化的网页页面点击数据,从而解决了现有技术的使用色彩图谱表示网页页面点击状态的平面热力图无法直观反映大数据的数量级的问题,进而实现可以直观显示大数据的数量级的效果。In the above embodiment of the present application, the plane heat map of the webpage and the click data of the webpage page displayed on the plane heat map are first obtained, and then the click data displayed on the plane heat map is imported by creating an isometric drawing of the three-dimensional structure. Corresponding to the isometric view, so that the thermal map of the original plane display is displayed in the form of a stereo heat map. Through the embodiment, the more intuitive and optimized web page click data can be realized, thereby solving the problem that the prior art using the color map to indicate the click state of the web page click state cannot directly reflect the order of magnitude of the big data, thereby achieving intuitive Shows an order of magnitude effect of big data.
由此可知,上述实施例提供的立体热力图方案更重要的是开拓了一种新的数据观察方法和用户理解、读取数据的方法,将在立体热力图上开拓新的阅读方式,操作交互方式,这些将是以立体热力图为基础的设计和技术创新,既实现了平面热力图的功能需求,也增加了用户良好用户体验。It can be seen that the stereo heat map scheme provided by the above embodiment is more important to open up a new data observation method and a method for the user to understand and read the data, and to develop a new reading mode and operation interaction on the stereo heat map. In this way, these will be based on the three-dimensional heat map design and technological innovation, which not only realizes the functional requirements of the planar heat map, but also increases the user's good user experience.
具体的,本申请上述实施例中的轴测图是一种单面投影图,在一个投影面上能同时反映出物体三个坐标面的形状,并接近于人们的视觉习惯,形象、逼真,富有立体感。本实施例可以采用轴测图作为用户进行进一步改进网页页面布局的辅助图样,来设计更符合用户点击习惯的网页布局结构,在设计中,使用轴测图可以帮助构思、想象物体的形状,以弥补正投影图的平面热力图不直观的不足。Specifically, the axonometric drawing in the above embodiment of the present application is a single-sided projection image, which can simultaneously reflect the shape of three coordinate planes of an object on one projection surface, and is close to people's visual habits, image and lifelike. Full of three-dimensionality. In this embodiment, the axonometric map can be used as an auxiliary pattern for the user to further improve the layout of the webpage to design a webpage layout structure that is more in line with the user's click habit. In the design, the use of the axonometric map can help conceive and imagine the shape of the object. It is not intuitive to make up for the planar heat map of the orthographic projection.
优选地,本申请上述实施例中,步骤S30基于点击获取层建立三维坐标系,获取轴测图的步骤可以通过如下方式实现:设置点击获取层的平面横向坐标为x坐标,平面纵向坐标为y坐标,垂直于点击获取层平面的坐标为z坐标,生成三维坐标系,且三维坐标系默认轴向为45度。Preferably, in the above embodiment of the present application, step S30 establishes a three-dimensional coordinate system based on the click acquisition layer, and the step of acquiring the axonometric map may be implemented by setting the plane lateral coordinate of the click acquisition layer to be an x coordinate, and the plane longitudinal coordinate is y. The coordinates, perpendicular to the coordinates of the click acquisition layer plane, are z-coordinates, and a three-dimensional coordinate system is generated, and the three-dimensional coordinate system has a default axial direction of 45 degrees.
具体的,如图2所示,本申请上述实施例通过将鼠标点击的点击获取层的横向坐标作为x轴,纵向坐标为y轴,以鼠标的点击量为纵轴z轴,建立立体坐标系。x轴,y轴,z轴,其中,x、y轴分别对应的是网页的横向和纵向,z轴表示的是点击的数 量,每点击一次的单位为可以为1,坐标系默认为轴向45°,即轴测图,此时形成立体的图形,宏观的表现点击的数量级,为了更加直观的表现数量的细分,将颜色覆盖在立体热力图上,从冷色区域到暖色区域,表示从小数量级到大数量级上。其中,数据库中每个点击位置对应累加后的点击次数显示在z轴。Specifically, as shown in FIG. 2, in the above embodiment of the present application, the horizontal coordinate of the click acquisition layer of the mouse click is taken as the x-axis, the vertical coordinate is the y-axis, and the click amount of the mouse is the vertical axis z-axis, and the stereo coordinate system is established. . The x-axis, the y-axis, and the z-axis, wherein the x and y axes correspond to the horizontal and vertical directions of the web page, and the z-axis represents the number of clicks. The quantity, the unit per click can be 1, the coordinate system defaults to 45° in the axial direction, that is, the axonometric map, which forms a three-dimensional figure, the macroscopic performance clicks on the order of magnitude, in order to more intuitively represent the number of subdivisions, The color is overlaid on the stereo heat map, from the cool color area to the warm color area, representing from a small order of magnitude to a large order of magnitude. Among them, the number of clicks corresponding to each click position in the database is displayed on the z-axis.
本申请上述实施例中,步骤S10获取网页页面的平面热力图的数据的步骤可以包括如下步骤:In the above embodiment of the present application, the step of acquiring the data of the plane heat map of the webpage page in step S10 may include the following steps:
步骤S101,在网页页面上创建点击获取层。In step S101, a click acquisition layer is created on the webpage page.
具体的,上述点击获取层是指:在网页上建立坐标系,收集用户鼠标点击数据的坐标,给当前的页面内容设置一个id,当内容变化的时候,动态更新当前id,并将鼠标的点击数据的坐标和其所对应的id号结合到一块形成点击数据,以适应后台olap分析结构的形式发送给数据收集服务器,存入数据库。将点击数据与系统收集到的相关联的数据整合到一起,使点击数据和最终的购买等kpi数据联系到一块。在这一层上覆盖的数据可以和颜色做对应,从而自动形成平面热力图。Specifically, the click acquisition layer refers to: establishing a coordinate system on the webpage, collecting coordinates of the user's mouse click data, setting an id for the current page content, dynamically updating the current id when the content changes, and clicking the mouse The coordinates of the data and its corresponding id number are combined into a piece to form click data, which is sent to the data collection server in the form of the background olap analysis structure and stored in the database. The click data is integrated with the associated data collected by the system, linking the click data with the kpi data such as the final purchase. The data covered on this layer can correspond to the color, thus automatically forming a planar heat map.
步骤S102,在网页页面发生点击操作之后,记录点击获取层获取到点击数据,点击数据包括:点击位置和每个点击位置的点击次数,以及还可以进一步包括点击行为后相关联的事件,此处的点击行为后相关联的事件可以是指网页页面接收到点击行为之后触发的功能,例如,登录、页面跳转以及保存的功能。具体的,用户在可以使用鼠标点击网页页面之后,由点击获取层来获取点击数据。Step S102, after a click operation occurs on the webpage page, the record click acquisition layer obtains the click data, and the click data includes: a click location and a click number of each click location, and may further include an event associated with the click behavior, where The associated event after the click behavior may refer to a function that is triggered after the web page receives the click behavior, such as login, page jump, and saved functions. Specifically, after the user can click on the webpage page by using the mouse, the click acquisition layer is used to obtain the click data.
步骤S103,按照点击位置的点击次数确定该点击位置的显示颜色。In step S103, the display color of the click position is determined according to the number of clicks of the click position.
本申请上述各个步骤实现了方案,首先对每一个网页页面设置对应各个网页的id标识信息,对网页进行编号。从而使得在网页页面发生变化时,可以动态更新当前的网页标识ID,将当前鼠标点击网页页面生成的点击位置坐标及点击次数和其所对应的网页页面的ID号结合后得到点击数据,并保存在后台数据库中。接着,在建立网页页面的鼠标点击的点击获取层上记录鼠标的点击数据。鼠标点击的点击获取层可以覆盖整个页面屏幕大小,不做边界限制。The above steps of the present application implement a solution. First, set the id identification information corresponding to each webpage for each webpage page, and number the webpages. Therefore, when the webpage page changes, the current webpage identification ID can be dynamically updated, and the click location coordinates and the click number generated by the current mouse click webpage page are combined with the ID number of the corresponding webpage page to obtain click data, and saved. In the background database. Next, the click data of the mouse is recorded on the click acquisition layer of the mouse click of the web page. The click-acquisition layer of the mouse click can cover the entire page screen size without border restrictions.
优选地,上述实施例中,记录鼠标的点击位置的过程中,每点击一次则该位置的点击数目记录为1,依次累加得到该点击位置的点击次数。最终将得到的每个点击位置坐标及其点击次数保存至数据库。 Preferably, in the above embodiment, in the process of recording the click position of the mouse, the number of clicks of the position is recorded as 1 each time the click is clicked, and the number of clicks of the click position is sequentially accumulated. Finally, each click location coordinate and its clicks are saved to the database.
本申请上述实施例中,在步骤S50将平面热力图的数据显示在轴测图上,获取立体热力图之前,方法还可以包括如下实施步骤:In the above embodiment of the present application, the data of the planar heat map is displayed on the isometric view in step S50, and the method may further include the following steps:
步骤S301,获取预先设置的时间阈值。Step S301: Acquire a preset time threshold.
步骤S302,读取时间阈值之内记录的平面热力图对应的网页的数据。Step S302: Read data of a webpage corresponding to the plane heat map recorded within the time threshold.
步骤S303,并在将平面热力图的数据显示在轴测图上。上述轴测图可以拥有两种形式的最佳角度,一个是正轴测图,x、y、z之间均为120度;第二为斜轴测图,z、x之间的夹角为90度,其他为135度,都能获得理想的立体热力图观测角度,每当用户在页面上点击一次的时候,就记录用户点击的位置和位置的点击次数,然后对应在立体坐标系中,x,y轴的对应的位置不变,将对应点的数量在z轴上显示,一个点击量记录为数量点击量1。其中,该方法还包括:在获取立体热力图之后,按照色环中的颜色顺序设置立体热力图的显示颜色。该步骤中显示颜色为系统为轴测图z轴上每个点击次数设置的颜色值,可以首先读取色环中颜色所对应的立体热力图的数据(例如点击数量),并将当前颜色显示在立体热力图上该数据对应的位置。Step S303, and displaying the data of the plane heat map on the isometric drawing. The above axonometric map can have two forms of optimal angle, one is a positive axis map, and each of x, y, and z is 120 degrees; the second is an oblique axis map, and the angle between z and x is 90. Degree, the other is 135 degrees, you can get the ideal three-dimensional heat map observation angle, every time the user clicks on the page, it records the click position of the user click and position, and then corresponds to the stereo coordinate system, x The corresponding position of the y-axis is unchanged, the number of corresponding points is displayed on the z-axis, and one click is recorded as the quantity hit. Wherein, the method further comprises: after obtaining the stereo heat map, setting the display color of the stereo heat map according to the color sequence in the color circle. The color displayed in this step is the color value set by the system for each click on the z-axis of the isometric drawing. The data of the stereo heat map corresponding to the color in the color circle (for example, the number of clicks) can be read first, and the current color is displayed. The position corresponding to the data on the stereo heat map.
具体的,上述实施例实现了设立时间段,并描绘在时间段中的立体热力图。其中,如图3所示,色环是指在彩色光谱中所见的长条形的色彩序列,上述色环是指在电脑的成色技术上是以RGB为标准的颜色基础上,red(红),green(绿),blue(蓝)是三个基本颜色,红色是极暖的颜色,颜色由于反射被人们所观看,所以形成cmy的反色颜色的系列标准,cyan(青)、magenta(品红)、yellow(黄),其中青是极冷色。将极冷色和极暖色做收尾,将首尾连接在一起,在色环上经历的半个色环作为颜色标准,需跨越冷色区域和暖色区域。Specifically, the above embodiment implements a setup time period and depicts a three-dimensional heat map in the time period. Wherein, as shown in FIG. 3, the color circle refers to a long color sequence seen in the color spectrum, and the color ring refers to a color based on RGB standard in the color forming technique of the computer, red (red) ), green (green), blue (blue) are three basic colors, red is extremely warm color, color is reflected by people because of reflection, so form a series of standards for the inverse color of cmy, cyan (cyan), magenta ( Magenta), yellow (yellow), where cyan is extremely cool. Finishing the extremely cold and very warm colors, connecting the head and tail together, the half color circle experienced on the color circle as the color standard, it needs to cross the cool color area and the warm color area.
上述方案中设立的颜色值,选取色环上的冷极色蓝色为作为最低值,选取半个色环(同样也可以选择两半边的色环作颜色标准,来对应相关的数值)。按照蓝,绿,黄,橙的颜色顺序,设定色彩变化的增量,对立体热力图进行着色。其中,冷极和暖极指的颜色给人的色彩感受,这些色彩感受偏向于人对色彩的冷暖。冷极为纯蓝色,暖极为红色和黄色的同等混合,得到的橙色。For the color value set in the above scheme, the cold color blue on the color ring is selected as the lowest value, and half of the color ring is selected (the color ring of the two halves can also be selected as the color standard to correspond to the relevant value). According to the color order of blue, green, yellow, and orange, set the increment of color change to color the stereo heat map. Among them, the color of the cold and warm poles gives people a sense of color, and these color perceptions tend to be warm and cold to people. The cold is extremely pure blue, the warmth is extremely red and yellow, and the orange is obtained.
本申请上述实施例中,在步骤S50将平面热力图的数据显示在轴测图上,获取立体热力图之后,方法还可以包括如下实施步骤:步骤S501,以立体热力图的轴测图的z轴为准,以半球旋转的形式显示立体热力图。In the above embodiment of the present application, the data of the plane heat map is displayed on the isometric view in step S50, and after the stereo heat map is acquired, the method may further include the following steps: step S501, the axial view of the stereo heat map The axis is the standard and the stereo heat map is displayed in the form of a hemisphere rotation.
具体的,如图4所示,上述方案实现了半球型旋转功能的设定,即为热力图设定半球旋转,不显示热力图底部。通过角度旋转观看,可以通过高度和颜色对不同的点 击量形成一个清晰的宏观概念上对比。从而保证用户视觉空间是在热力图的“山峰”上,从能够多角度拥有较好的观测效果。这样热力图将会有顶视角度,顶视效果将等同于平面热力图。Specifically, as shown in FIG. 4, the above solution realizes the setting of the hemispherical rotation function, that is, the hemisphere rotation is set for the heat map, and the bottom of the heat map is not displayed. By angle rotation, you can use different heights and colors to different points. The shots form a clear macroscopic conceptual contrast. Therefore, the user's visual space is guaranteed to be on the "mountain peak" of the heat map, and it can have better observation effects from multiple angles. This heat map will have a top view angle, and the top view effect will be equivalent to the plane heat map.
由上可知,如图5所示,本申请提供的方案可以将平面的热力图转化为力立体热力图,以页面的横边为X轴,纵向为Y轴,以鼠标的点击数量为z轴,搭建立体热力图的坐标系,通过点击位置的数量描绘出感官性更加强烈的立体热力图。同时,不同的数量级对应不同的颜色,对立体热力图进行分等级着色,从而形成色阶立体热力图。同时热力图可以转动,从各个方向观看热力图,从而能够全部的查看页面的位置的点击情况,通过高度的对比获得初略直观的点击分布对比。As can be seen from the above, as shown in FIG. 5, the solution provided by the present application can convert a planar heat map into a force stereo heat map, with the horizontal side of the page being the X axis, the vertical direction being the Y axis, and the number of clicks of the mouse being the z axis. The coordinate system of the body heat map is established, and the stereoscopic heat map with more sensory characteristics is drawn by the number of click positions. At the same time, different orders of magnitude correspond to different colors, and the stereo heat map is graded and colored to form a gradation heat map. At the same time, the heat map can be rotated, and the heat map can be viewed from all directions, so that the click position of the position of the page can be fully viewed, and the initial and intuitive click distribution comparison is obtained through the height comparison.
需要说明的是,在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行,并且,虽然在流程图中示出了逻辑顺序,但是在某些情况下,可以以不同于此处的顺序执行所示出或描述的步骤。It should be noted that the steps illustrated in the flowchart of the accompanying drawings may be executed in a computer system such as a set of computer executable instructions, and, although shown in the flowchart, The steps shown or described may be performed in an order different than that herein.
实施例二:Embodiment 2:
在描述本申请的各实施例的进一步细节的过程中,将参考图6来描述可用于实现本申请的原理的一个合适的计算体系结构。在以下描述中,除非另外指明,否则将参考由一个或多个计算机执行的动作和操作的符号表示来描述本申请的各实施例。由此,可以理解,有时被称为计算机执行的这类动作和操作包括计算机的处理单元对以结构化形式表示数据的电信号的操纵。这一操纵转换了数据或在计算机的存储器系统中的位置上维护它,这以本领域的技术人员都理解的方式重配置或改变了计算机的操作。维护数据的数据结构是具有数据的格式所定义的特定属性的存储器的物理位置。然而,尽管在上述上下文中描述本申请,但它并不意味着限制性的,如本领域的技术人员所理解的,后文所描述的动作和操作的各方面也可用硬件来实现。In describing further details of various embodiments of the present application, a suitable computing architecture that can be used to implement the principles of the present application will be described with reference to FIG. In the following description, embodiments of the present application are described with reference to the symbolic representation of acts and operations performed by one or more computers, unless otherwise indicated. Thus, it will be appreciated that such actions and operations, sometimes referred to as computer execution, include the manipulation of an electrical signal by a processing unit of a computer to represent data in a structured form. This manipulation transforms the data or maintains it in a location in the computer's memory system, which reconfigures or changes the operation of the computer in a manner that is understood by those skilled in the art. The data structure that maintains the data is the physical location of the memory with the specific attributes defined by the format of the data. However, although the present application is described in the above context, it is not meant to be limiting, and as understood by those skilled in the art, aspects of the actions and operations described hereinafter may also be implemented in hardware.
转向附图,其中相同的参考标号指代相同的元素,本申请的原理被示为在一个合适的计算环境中实现。以下描述基于所述的本申请的实施例,并且不应认为是关于此处未明确描述的替换实施例而限制本申请。Turning to the figures, wherein like reference numerals refer to the same elements, the principles of the application are illustrated as being implemented in a suitable computing environment. The following description is based on the described embodiments of the present application and should not be construed as limiting the present invention to alternative embodiments that are not explicitly described herein.
图6示出了可用于这些设备的一个示例计算机体系结构的示意图。出于描述的目的,所绘的体系结构仅为合适环境的一个示例,并非对本申请的使用范围或功能提出任何局限。也不应将该计算系统解释为对图6所示的任一组件或其组合具有任何依赖或需求。 Figure 6 shows a schematic diagram of an example computer architecture that can be used with these devices. For the purposes of description, the depicted architecture is only one example of a suitable environment and is not intended to limit the scope of the application. Nor should the computing system be interpreted as having any dependency or requirement on any of the components shown in Figure 6 or a combination thereof.
本申请的原理可以使用其它通用或专用计算或通信环境或配置来操作。适用于本申请的众所周知的计算系统、环境和配置的示例包括但不限于,个人计算机、服务器,多处理器系统、基于微处理的系统、小型机、大型计算机、以及包括任一上述系统或设备的分布式计算环境。The principles of the application can be operated using other general purpose or special purpose computing or communication environments or configurations. Examples of well-known computing systems, environments, and configurations suitable for use herein include, but are not limited to, personal computers, servers, multiprocessor systems, microprocessor based systems, minicomputers, mainframe computers, and any such systems or devices. Distributed computing environment.
图6是根据本发明实施例的获取立体热力图的装置的结构示意图。FIG. 6 is a schematic structural diagram of an apparatus for acquiring a three-dimensional heat map according to an embodiment of the present invention.
如图6所示,上述装置包括:获取模块102、建立模块104、处理模块106。As shown in FIG. 6, the foregoing apparatus includes: an obtaining module 102, an establishing module 104, and a processing module 106.
其中,获取模块102,用于获取网页页面的平面热力图的数据,平面热力图的数据包括网页页面的点击数据;建立模块104,用于基于点击获取层建立三维坐标系,获取轴测图;处理模块106,用于将平面热力图的数据显示在轴测图上,获取立体热力图。The obtaining module 102 is configured to acquire data of a plane heat map of a webpage page, and the data of the plane heat map includes click data of the webpage page; the establishing module 104 is configured to establish a three-dimensional coordinate system based on the click-acquisition layer, and obtain the axonometric map; The processing module 106 is configured to display the data of the planar heat map on the isometric drawing to obtain a stereo heat map.
此处需要说明的是,上述获取模块102、建立模块104、处理模块106可以作为装置的一部分运行在计算机终端中,可以通过计算机终端中的处理器来执行上述模块实现的功能,计算机终端也可以是智能手机(如Android手机、iOS手机等)、平板电脑、掌上电脑以及移动互联网设备(Mobile Internet Devices,MID)、PAD等终端设备。It should be noted that the foregoing obtaining module 102, the establishing module 104, and the processing module 106 may be run in a computer terminal as part of the device, and the functions implemented by the foregoing module may be performed by a processor in the computer terminal, and the computer terminal may also be It is a smart phone (such as Android phone, iOS phone, etc.), tablet computer, PDA, and mobile Internet devices (MID), PAD and other terminal devices.
本申请上述实施例中,首先获取到网页的平面热力图,以及平面热力图上显示的网页页面的点击数据,然后通过创建三维结构的轴测图,将平面热力图上显示的点击数据导入到对应的轴测图上,从而使得原来平面显示的热力图以立体热力图的形式进行显示。通过本实施例,可以实现更加直观、优化的网页页面点击数据,从而解决了现有技术的使用色彩图谱表示网页页面点击状态的平面热力图无法直观反映大数据的数量级的问题,进而实现可以直观显示大数据的数量级的效果。In the above embodiment of the present application, the plane heat map of the webpage and the click data of the webpage page displayed on the plane heat map are first obtained, and then the click data displayed on the plane heat map is imported by creating an isometric drawing of the three-dimensional structure. Corresponding to the isometric view, so that the thermal map of the original plane display is displayed in the form of a stereo heat map. Through the embodiment, the more intuitive and optimized web page click data can be realized, thereby solving the problem that the prior art using the color map to indicate the click state of the web page click state cannot directly reflect the order of magnitude of the big data, thereby achieving intuitive Shows an order of magnitude effect of big data.
由此可知,上述实施例提供的立体热力图方案更重要的是开拓了一种新的数据观察方法和用户理解、读取数据的方法,将在立体热力图上开拓新的阅读方式,操作交互方式,这些将是以立体热力图为基础的设计和技术创新,既实现了平面热力图的功能需求,也增加了用户良好用户体验。It can be seen that the stereo heat map scheme provided by the above embodiment is more important to open up a new data observation method and a method for the user to understand and read the data, and to develop a new reading mode and operation interaction on the stereo heat map. In this way, these will be based on the three-dimensional heat map design and technological innovation, which not only realizes the functional requirements of the planar heat map, but also increases the user's good user experience.
具体的,本申请上述实施例中的轴测图是一种单面投影图,在一个投影面上能同时反映出物体三个坐标面的形状,并接近于人们的视觉习惯,形象、逼真,富有立体感。本实施例可以采用轴测图作为用户进行进一步改进网页页面布局的辅助图样,来设计更符合用户点击习惯的网页布局结构,在设计中,使用轴测图可以帮助构思、想象物体的形状,以弥补正投影图的平面热力图不直观的不足。 Specifically, the axonometric drawing in the above embodiment of the present application is a single-sided projection image, which can simultaneously reflect the shape of three coordinate planes of an object on one projection surface, and is close to people's visual habits, image and lifelike. Full of three-dimensionality. In this embodiment, the axonometric map can be used as an auxiliary pattern for the user to further improve the layout of the webpage to design a webpage layout structure that is more in line with the user's click habit. In the design, the use of the axonometric map can help conceive and imagine the shape of the object. It is not intuitive to make up for the planar heat map of the orthographic projection.
优选地,上述实施例中的获取模块102可以包括:创建模块,用于在网页页面上创建点击获取层;记录模块,用于在网页页面发生点击操作之后,记录点击获取层获取到点击数据,上述点击数据包括:点击位置和每个点击位置的点击次数,以及还可以进一步包括点击行为后相关联的事件,此处的点击行为后相关联的事件可以是指网页页面接收到点击行为之后触发的功能,例如,登录、页面跳转以及保存的功能;确定模块,用于按照点击位置的点击次数确定该点击位置的显示颜色。Preferably, the obtaining module 102 in the above embodiment may include: a creating module, configured to create a click acquisition layer on the webpage page; and a recording module, configured to record the click acquisition layer to obtain the click data after the webpage page is clicked, The click data includes: a click location and a click number of each click location, and may further include an event associated with the click behavior, where the associated event after the click behavior may be triggered after the webpage page receives the click behavior. Functions such as login, page jump, and saved functions; a determination module for determining the display color of the click position according to the number of clicks of the click position.
此处需要说明的是,上述创建模块、记录模块和确定模块可以作为装置的一部分运行在计算机终端中,可以通过计算机终端中的处理器来执行上述模块实现的功能,计算机终端也可以是智能手机(如Android手机、iOS手机等)、平板电脑、掌上电脑以及移动互联网设备(Mobile Internet Devices,MID)、PAD等终端设备。It should be noted that the above-mentioned creation module, recording module and determination module may be operated in a computer terminal as part of the device, and the functions implemented by the above module may be performed by a processor in the computer terminal, and the computer terminal may also be a smart phone. (such as Android phones, iOS phones, etc.), tablets, handheld computers and mobile Internet devices (Mobile Internet Devices, MID), PAD and other terminal devices.
具体的,上述实施例实现了设立时间段,并描绘在时间段中的立体热力图。其中,如图3所示,色环是指在彩色光谱中所见的长条形的色彩序列,上述色环是指在电脑的成色技术上是以RGB为标准的颜色基础上,red(红),green(绿),blue(蓝)是三个基本颜色,红色是极暖的颜色,颜色由于反射被人们所观看,所以形成cmy的反色颜色的系列标准,cyan(青)、magenta(品红)、yellow(黄),其中青是极冷色。将极冷色和极暖色做收尾,将首尾连接在一起,在色环上经历的半个色环作为颜色标准,需跨越冷色区域和暖色区域。Specifically, the above embodiment implements a setup time period and depicts a three-dimensional heat map in the time period. Wherein, as shown in FIG. 3, the color circle refers to a long color sequence seen in the color spectrum, and the color ring refers to a color based on RGB standard in the color forming technique of the computer, red (red) ), green (green), blue (blue) are three basic colors, red is extremely warm color, color is reflected by people because of reflection, so form a series of standards for the inverse color of cmy, cyan (cyan), magenta ( Magenta), yellow (yellow), where cyan is extremely cool. Finishing the extremely cold and very warm colors, connecting the head and tail together, the half color circle experienced on the color circle as the color standard, it needs to cross the cool color area and the warm color area.
上述方案中设立的颜色值,选取色环上的冷极色蓝色为作为最低值,选取半个色环(同样也可以选择两半边的色环作颜色标准,来对应相关的数值)。按照蓝,绿,黄,橙的颜色顺序,设定色彩变化的增量,对立体热力图进行着色。其中,冷极和暖极指的颜色给人的色彩感受,这些色彩感受偏向于人对色彩的冷暖。冷极为纯蓝色,暖极为红色和黄色的同等混合,得到的橙色。For the color value set in the above scheme, the cold color blue on the color ring is selected as the lowest value, and half of the color ring is selected (the color ring of the two halves can also be selected as the color standard to correspond to the relevant value). According to the color order of blue, green, yellow, and orange, set the increment of color change to color the stereo heat map. Among them, the color of the cold and warm poles gives people a sense of color, and these color perceptions tend to be warm and cold to people. The cold is extremely pure blue, the warmth is extremely red and yellow, and the orange is obtained.
优选地,上述实施例中的建立模块104可以包括:设置模块,用于设置点击获取层的平面横向坐标为x坐标,平面纵向坐标为y坐标,垂直于点击获取层平面的坐标为z坐标,生成三维坐标系,且三维坐标系默认轴向为45度。Preferably, the establishing module 104 in the above embodiment may include: a setting module, configured to set a plane lateral coordinate of the click acquisition layer to be an x coordinate, a plane longitudinal coordinate to be a y coordinate, and a coordinate perpendicular to the click acquisition layer plane as a z coordinate, A three-dimensional coordinate system is generated, and the three-dimensional coordinate system has a default axial direction of 45 degrees.
此处需要说明的是,上述设置模块可以作为装置的一部分运行在计算机终端中,可以通过计算机终端中的处理器来执行上述模块实现的功能,计算机终端也可以是智能手机(如Android手机、iOS手机等)、平板电脑、掌上电脑以及移动互联网设备(Mobile Internet Devices,MID)、PAD等终端设备。It should be noted that the above setting module can be run in a computer terminal as a part of the device, and the function implemented by the above module can be executed by a processor in the computer terminal, and the computer terminal can also be a smart phone (such as an Android mobile phone, iOS). Mobile phones, etc., tablet computers, PDAs, and mobile Internet devices (MID), PAD and other terminal devices.
优选地,上述实施例中的装置还可以包括:子获取模块,用于获取预先设置的时间阈值;读取模块,用于读取时间阈值之内记录的平面热力图对应的网页的数据;子 设置模块,用于按照色环中的颜色顺序设置立体热力图的显示颜色。可以首先读取色环中颜色所对应的立体热力图的数据(例如点击数量),并将当前颜色显示在立体热力图上该数据对应的位置。Preferably, the device in the above embodiment may further include: a sub-acquisition module, configured to acquire a preset time threshold; and a reading module, configured to read data of a webpage corresponding to the planar heat map recorded within the time threshold; A setting module for setting the display color of the stereo heat map in the order of colors in the color circle. The data of the stereo heat map corresponding to the color in the color circle (for example, the number of clicks) may be read first, and the current color is displayed on the corresponding position of the data on the stereo heat map.
此处需要说明的是,上述子获取模块、子设置模块和读取模块可以作为装置的一部分运行在计算机终端中,可以通过计算机终端中的处理器来执行上述模块实现的功能,计算机终端也可以是智能手机(如Android手机、iOS手机等)、平板电脑、掌上电脑以及移动互联网设备(Mobile Internet Devices,MID)、PAD等终端设备。It should be noted that the foregoing sub-acquisition module, sub-setting module and reading module may be run in a computer terminal as part of the device, and the functions implemented by the above module may be executed by a processor in the computer terminal, and the computer terminal may also It is a smart phone (such as Android phone, iOS phone, etc.), tablet computer, PDA, and mobile Internet devices (MID), PAD and other terminal devices.
本申请上述各个步骤实现了方案,首先对每一个网页页面设置对应各个网页的id标识信息,对网页进行编号。从而使得在网页页面发生变化时,可以动态更新当前的网页标识ID,将当前鼠标点击网页页面生成的点击位置坐标及点击次数和其所对应的网页页面的ID号结合后得到点击数据,并保存在后台数据库中。接着,在建立网页页面的鼠标点击的点击获取层上记录鼠标的点击数据。鼠标点击的点击获取层可以覆盖整个页面屏幕大小,不做边界限制。The above steps of the present application implement a solution. First, set the id identification information corresponding to each webpage for each webpage page, and number the webpages. Therefore, when the webpage page changes, the current webpage identification ID can be dynamically updated, and the click location coordinates and the click number generated by the current mouse click webpage page are combined with the ID number of the corresponding webpage page to obtain click data, and saved. In the background database. Next, the click data of the mouse is recorded on the click acquisition layer of the mouse click of the web page. The click-acquisition layer of the mouse click can cover the entire page screen size without border restrictions.
优选地,上述实施例中的装置还可以包括:旋转显示模块,用于以立体热力图的轴测图的z轴为准,以半球旋转的形式显示立体热力图。Preferably, the apparatus in the above embodiment may further include: a rotation display module configured to display the three-dimensional heat map in a hemispherical rotation according to the z-axis of the isometric view of the three-dimensional thermogram.
此处需要说明的是,上述旋转显示模块可以作为装置的一部分运行在计算机终端中,可以通过计算机终端中的处理器来执行上述模块实现的功能,计算机终端也可以是智能手机(如Android手机、iOS手机等)、平板电脑、掌上电脑以及移动互联网设备(Mobile Internet Devices,MID)、PAD等终端设备。It should be noted that the above rotating display module can be run in a computer terminal as part of the device, and the functions implemented by the above module can be performed by a processor in the computer terminal, and the computer terminal can also be a smart phone (such as an Android mobile phone, Terminal devices such as iOS phones, tablets, PDAs, and mobile Internet devices (MID), PAD, etc.
从以上的描述中,可以看出,本发明实现了如下技术效果:通过本实施例,可以实现更加直观、优化的网页页面点击数据,从而解决了现有技术的使用色彩图谱表示网页页面点击状态的热力图无法直观反映大数据的数量级的问题,进而实现可以直观显示大数据的数量级的效果。From the above description, it can be seen that the present invention achieves the following technical effects: through the embodiment, more intuitive and optimized web page click data can be realized, thereby solving the prior art using the color map to represent the web page click status. The heat map does not intuitively reflect the magnitude of big data, and thus achieves an order of magnitude that can visualize big data.
另外还包括如下优势:高度维度的增加设计,高对模拟点击量的可视化方式优于颜色对点击量的表现;颜色立体化设计,颜色除了面积的变化将会和立体空间结合起来,能够更大程度的放大点击量的范围类比。In addition, it also includes the following advantages: the increase in height dimension design, the high visualization of analog clicks is better than the performance of color on clicks; the color stereo design, in addition to the change in area will be combined with the three-dimensional space, can be larger The extent of the zoom in the range of clicks.
由上可知,本申请提供的方案可以将平面的热力图转化为力立体热力图,以页面的横边为X轴,纵向为Y轴,以鼠标的点击数量为z轴,搭建立体热力图的坐标系,通过点击位置的数量描绘出感官性更加强烈的立体热力图。同时,不同的数量级对应不同的颜色,对立体热力图进行分等级着色,从而形成色阶立体热力图。同时热力图 可以转动,从各个方向观看热力图,从而能够全部的查看页面的位置的点击情况,通过高度的对比获得初略直观的点击分布对比。As can be seen from the above, the solution provided by the present application can convert a planar heat map into a force stereo heat map, with the horizontal side of the page being the X axis, the vertical direction being the Y axis, and the number of clicks of the mouse being the z axis, establishing the body heat map. The coordinate system, by clicking on the number of positions, depicts a more intense stereoscopic heat map. At the same time, different orders of magnitude correspond to different colors, and the stereo heat map is graded and colored to form a gradation heat map. At the same time heat map It can be rotated to view the heat map from all directions, so that all the clicks of the position of the page can be viewed, and the initial and intuitive click distribution comparison is obtained through the height comparison.
本申请实施例所提供的各个功能模块可以在移动终端、计算机终端或者类似的运算装置中运行,也可以作为存储介质的一部分进行存储。The various functional modules provided by the embodiments of the present application may be run in a mobile terminal, a computer terminal, or the like, or may be stored as part of a storage medium.
由此,本发明的实施例可以提供一种计算机终端,该计算机终端可以是计算机终端群中的任意一个计算机终端设备。可选地,在本实施例中,上述计算机终端也可以替换为移动终端等终端设备。Thus, embodiments of the present invention may provide a computer terminal, which may be any computer terminal device in a group of computer terminals. Optionally, in this embodiment, the foregoing computer terminal may also be replaced with a terminal device such as a mobile terminal.
可选地,在本实施例中,上述计算机终端可以位于计算机网络的多个网络设备中的至少一个网络设备。Optionally, in this embodiment, the computer terminal may be located in at least one network device of the plurality of network devices of the computer network.
在本实施例中,上述计算机终端可以执行获取立体热力图的方法中以下步骤的程序代码:获取网页页面的平面热力图的数据,平面热力图的数据包括网页页面的点击数据;基于点击获取层建立三维坐标系,获取轴测图;将平面热力图的数据显示在轴测图上,获取立体热力图。In this embodiment, the computer terminal may execute the program code of the following steps in the method for acquiring a stereo heat map: acquiring data of a plane heat map of a webpage page, and the data of the plane heat map includes click data of the webpage page; A three-dimensional coordinate system is established to obtain an axonometric map; the data of the planar thermodynamic map is displayed on the isometric view to obtain a stereoscopic thermogram.
可选地,该计算机终端可以包括:一个或多个处理器、存储器、以及传输装置。Optionally, the computer terminal can include: one or more processors, memory, and transmission means.
其中,存储器可用于存储软件程序以及模块,如本发明实施例中的获取立体热力图的方法及装置对应的程序指令/模块,处理器通过运行存储在存储器内的软件程序以及模块,从而执行各种功能应用以及数据处理,即实现上述的获取立体热力图的方法。存储器可包括高速随机存储器,还可以包括非易失性存储器,如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。在一些实例中,存储器可进一步包括相对于处理器远程设置的存储器,这些远程存储器可以通过网络连接至终端。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。The memory can be used to store the software program and the module, such as the method and device corresponding to the method for acquiring the stereo heat map in the embodiment of the present invention, and the processor executes the software program and the module stored in the memory, thereby executing each A functional application and data processing, that is, the above method of acquiring a stereo heat map. The memory may include a high speed random access memory, and may also include non-volatile memory such as one or more magnetic storage devices, flash memory, or other non-volatile solid state memory. In some examples, the memory can further include memory remotely located relative to the processor, which can be connected to the terminal over a network. Examples of such networks include, but are not limited to, the Internet, intranets, local area networks, mobile communication networks, and combinations thereof.
上述的传输装置用于经由一个网络接收或者发送数据。上述的网络具体实例可包括有线网络及无线网络。在一个实例中,传输装置包括一个网络适配器(Network Interface Controller,NIC),其可通过网线与其他网络设备与路由器相连从而可与互联网或局域网进行通讯。在一个实例中,传输装置为射频(Radio Frequency,RF)模块,其用于通过无线方式与互联网进行通讯。The above transmission device is for receiving or transmitting data via a network. Specific examples of the above network may include a wired network and a wireless network. In one example, the transmission device includes a Network Interface Controller (NIC) that can be connected to other network devices and routers via a network cable to communicate with the Internet or a local area network. In one example, the transmission device is a Radio Frequency (RF) module for communicating with the Internet wirelessly.
其中,具体地,存储器用于存储预设动作条件和预设权限用户的信息、以及应用程序。 Specifically, the memory is used to store preset action conditions and information of the preset rights user, and an application.
处理器可以通过传输装置调用存储器存储的信息及应用程序,以执行上述方法实施例中的各个可选或优选实施例的方法步骤的程序代码。The processor can call the memory stored information and the application by the transmitting device to execute the program code of the method steps of each of the alternative or preferred embodiments of the above method embodiments.
本领域普通技术人员可以理解,计算机终端也可以是智能手机(如Android手机、iOS手机等)、平板电脑、掌上电脑以及移动互联网设备(Mobile Internet Devices,MID)、PAD等终端设备。A person skilled in the art can understand that the computer terminal can also be a smart phone (such as an Android phone, an iOS phone, etc.), a tablet computer, a palm computer, and a mobile Internet device (MID), a PAD, and the like.
本领域普通技术人员可以理解上述实施例的各种方法中的全部或部分步骤是可以通过程序来指令终端设备相关的硬件来完成,该程序可以存储于一计算机可读存储介质中,存储介质可以包括:闪存盘、只读存储器(Read-Only Memory,ROM)、随机存取器(Random Access Memory,RAM)、磁盘或光盘等。A person of ordinary skill in the art may understand that all or part of the steps of the foregoing embodiments may be completed by a program to instruct terminal device related hardware, and the program may be stored in a computer readable storage medium, and the storage medium may be Including: flash disk, read-only memory (ROM), random access memory (RAM), disk or optical disk.
本发明的实施例还提供了一种存储介质。可选地,在本实施例中,上述存储介质可以用于保存上述方法实施例和装置实施例所提供的获取立体热力图的方法所执行的程序代码。Embodiments of the present invention also provide a storage medium. Optionally, in this embodiment, the foregoing storage medium may be used to save the program code executed by the method for obtaining a stereo heat map provided by the foregoing method embodiment and the device embodiment.
可选地,在本实施例中,上述存储介质可以位于计算机网络中计算机终端群中的任意一个计算机终端中,或者位于移动终端群中的任意一个移动终端中。Optionally, in this embodiment, the foregoing storage medium may be located in any one of the computer terminal groups in the computer network, or in any one of the mobile terminal groups.
可选地,在本实施例中,存储介质被设置为存储用于执行以下步骤的程序代码:获取网页页面的平面热力图的数据,平面热力图的数据包括网页页面的点击数据;基于点击获取层建立三维坐标系,获取轴测图;将平面热力图的数据显示在轴测图上,获取立体热力图。Optionally, in this embodiment, the storage medium is configured to store program code for performing the following steps: acquiring data of a plane heat map of the webpage page, the data of the plane heat map including click data of the webpage page; The layer establishes a three-dimensional coordinate system to obtain an axonometric map; the data of the planar thermodynamic map is displayed on the isometric view to obtain a stereoscopic thermogram.
可选地,在本实施例中,存储介质还可以被设置为存储获取立体热力图的方法提供的各种优选地或可选的方法步骤的程序代码。Alternatively, in the present embodiment, the storage medium may also be configured to store program code of various preferred or optional method steps provided by the method of acquiring a stereo heat map.
如上参照附图以示例的方式描述了根据本发明的获取立体热力图的方法及装置。但是,本领域技术人员应当理解,对于上述本发明所提出的获取立体热力图的方法及装置,还可以在不脱离本发明内容的基础上做出各种改进。因此,本发明的保护范围应当由所附的权利要求书的内容确定。A method and apparatus for acquiring a stereo heat map according to the present invention is described above by way of example with reference to the accompanying drawings. However, it should be understood by those skilled in the art that various improvements can be made to the method and apparatus for obtaining a three-dimensional heat map proposed by the present invention without departing from the scope of the present invention. Therefore, the scope of the invention should be determined by the content of the appended claims.
通过以上的实施方式的描述可知,本领域的技术人员可以清楚地了解到本申请可借助软件加必需的通用硬件平台的方式来实现。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品可以存储在存储介质中,如ROM/RAM、磁碟、光盘等,包括若干指令用以 使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本申请各个实施例或者实施例的某些部分所述的方法。It will be apparent to those skilled in the art from the above description of the embodiments that the present application can be implemented by means of software plus a necessary general hardware platform. Based on such understanding, the technical solution of the present application may be embodied in the form of a software product in essence or in the form of a software product, which may be stored in a storage medium such as a ROM/RAM or a disk. , optical discs, etc., including a number of instructions for A computer device (which may be a personal computer, server, or network device, etc.) is caused to perform the methods described in various embodiments or portions of the embodiments of the present application.
本说明书中的各个实施例均采用递进的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于系统实施例而言,由于其基本相似于方法实施例,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。The various embodiments in the specification are described in a progressive manner, and the same or similar parts between the various embodiments may be referred to each other, and each embodiment focuses on the differences from the other embodiments. In particular, for the system embodiment, since it is basically similar to the method embodiment, the description is relatively simple, and the relevant parts can be referred to the description of the method embodiment.
本申请可用于众多通用或专用的计算系统环境或配置中。例如:个人计算机、服务器计算机、手持设备或便携式设备、平板型设备、多处理器系统、基于微处理器的系统、置顶盒、可编程的消费电子设备、网络PC、小型计算机、大型计算机、包括以上任何系统或设备的分布式计算环境等等。This application can be used in a variety of general purpose or special purpose computing system environments or configurations. For example: personal computers, server computers, handheld or portable devices, tablet devices, multiprocessor systems, microprocessor based systems, set-top boxes, programmable consumer electronics devices, network PCs, small computers, mainframe computers, including A distributed computing environment of any of the above systems or devices, and the like.
显然,本领域的技术人员应该明白,上述的本发明的各模块或各步骤可以用通用的计算装置来实现,它们可以集中在单个的计算装置上,或者分布在多个计算装置所组成的网络上,可选地,它们可以用计算装置可执行的程序代码来实现,从而,可以将它们存储在存储装置中由计算装置来执行,或者将它们分别制作成各个集成电路模块,或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样,本发明不限制于任何特定的硬件和软件结合。It will be apparent to those skilled in the art that the various modules or steps of the present invention described above can be implemented by a general-purpose computing device that can be centralized on a single computing device or distributed across a network of multiple computing devices. Alternatively, they may be implemented by program code executable by the computing device, such that they may be stored in a storage device by a computing device, or they may be fabricated into individual integrated circuit modules, or Multiple modules or steps are made into a single integrated circuit module. Thus, the invention is not limited to any specific combination of hardware and software.
以上所述仅为本发明的优选实施例而已,并不用于限制本发明,对于本领域的技术人员来说,本发明可以有各种更改和变化。凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。 The above description is only the preferred embodiment of the present invention, and is not intended to limit the present invention, and various modifications and changes can be made to the present invention. Any modifications, equivalent substitutions, improvements, etc. made within the spirit and scope of the present invention are intended to be included within the scope of the present invention.

Claims (15)

  1. 一种获取立体热力图的方法,其特征在于,包括:A method for obtaining a stereo heat map, comprising:
    获取网页页面的平面热力图的数据,所述平面热力图的数据包括所述网页页面的点击数据;Obtaining data of a plane heat map of the webpage, where the data of the plane heat map includes click data of the webpage page;
    基于点击获取层建立三维坐标系,获取轴测图;Establishing a three-dimensional coordinate system based on the click acquisition layer to obtain an axonometric map;
    将所述平面热力图的数据显示在所述轴测图上,获取立体热力图。The data of the planar heat map is displayed on the isometric view to obtain a stereo heat map.
  2. 根据权利要求1所述的方法,其特征在于,获取网页页面的平面热力图的数据包括:The method according to claim 1, wherein the obtaining data of the plane heat map of the webpage page comprises:
    在所述网页页面上创建点击获取层;Creating a click acquisition layer on the webpage page;
    在所述网页页面发生点击操作之后,记录所述点击获取层获取到所述点击数据;After the click operation of the web page occurs, the click acquisition layer records the click data;
    按照所述点击位置的点击次数确定该点击位置的显示颜色。The display color of the click location is determined according to the number of clicks of the click location.
  3. 根据权利要求1或2所述的方法,其特征在于,所述点击数据包括:The method according to claim 1 or 2, wherein the click data comprises:
    点击位置和每个点击位置的点击次数。Click location and clicks per click location.
  4. 根据权利要求2所述的方法,其特征在于,基于所述点击获取层建立三维坐标系,获取轴测图的步骤包括:设置所述点击获取层的平面横向坐标为x坐标,平面纵向坐标为y坐标,垂直于所述点击获取层平面的坐标为z坐标,生成所述三维坐标系,且所述三维坐标系默认轴向为45度。The method according to claim 2, wherein the three-dimensional coordinate system is established based on the click acquisition layer, and the step of acquiring the isometric map comprises: setting a plane lateral coordinate of the click acquisition layer to be an x coordinate, and the plane longitudinal coordinate is The y coordinate, the coordinate perpendicular to the click acquisition layer plane is a z coordinate, and the three-dimensional coordinate system is generated, and the three-dimensional coordinate system has a default axial direction of 45 degrees.
  5. 根据权利要求4所述的方法,其特征在于,在将所述平面热力图的数据显示在所述轴测图上,获取立体热力图之前,所述方法还包括:The method according to claim 4, wherein before the data of the planar heat map is displayed on the isometric view, the method further comprises:
    获取预先设置的时间阈值;Obtain a preset time threshold;
    读取所述时间阈值之内记录的所述平面热力图对应的页面的数据;Reading data of a page corresponding to the plane heat map recorded within the time threshold;
    并在将所述平面热力图的数据显示在所述轴测图上,获取立体热力图之后,所述方法还包括:按照色环中的颜色顺序设置所述立体热力图的显示颜色。And after displaying the data of the planar heat map on the isometric view, after acquiring the stereoscopic heat map, the method further comprises: setting the display color of the stereo heat map according to the color order in the color circle.
  6. 根据权利要求5所述的方法,其特征在于,在将所述平面热力图的数据显示在所述轴测图上,获取立体热力图之后,所述方法还包括: The method according to claim 5, wherein after the data of the planar heat map is displayed on the isometric view and the stereoscopic heat map is acquired, the method further comprises:
    以所述立体热力图的轴测图的z轴为准,以半球旋转的形式显示所述立体热力图。The three-dimensional thermogram is displayed in the form of a hemisphere rotation based on the z-axis of the isometric view of the three-dimensional thermogram.
  7. 根据权利要求1所述的方法,其特征在于,在获取立体热力图之后还包括:The method according to claim 1, further comprising: after acquiring the stereo heat map:
    按照色环中的颜色顺序设置所述立体热力图的显示颜色。The display color of the stereo heat map is set in the order of colors in the color circle.
  8. 一种获取立体热力图的装置,其特征在于,包括:An apparatus for obtaining a three-dimensional heat map, comprising:
    获取模块,用于获取所述网页页面的平面热力图的数据,所述平面热力图的数据包括网页页面的点击数据;An acquiring module, configured to acquire data of a plane heat map of the webpage page, where the data of the plane heat map includes click data of a webpage page;
    建立模块,用于基于所述点击获取层建立三维坐标系,获取轴测图;Establishing a module, configured to establish a three-dimensional coordinate system based on the click acquisition layer, and obtain an isometric map;
    处理模块,用于将所述平面热力图的数据显示在所述轴测图上,获取立体热力图。And a processing module, configured to display data of the planar heat map on the isometric drawing to obtain a stereo heat map.
  9. 根据权利要求8所述的装置,其特征在于,所述获取模块包括:The device according to claim 8, wherein the obtaining module comprises:
    创建模块,用于在所述网页页面上创建点击获取层;a creating module, configured to create a click acquisition layer on the webpage page;
    记录模块,用于在所述网页页面发生点击操作之后,记录所述点击获取层获取到所述点击数据;a recording module, configured to record, after the click operation of the webpage page, the click acquisition layer to obtain the click data;
    确定模块,用于按照所述点击位置的点击次数确定该点击位置的显示颜色。a determining module, configured to determine a display color of the click location according to the number of clicks of the click location.
  10. 根据权利要求8或9所述的装置,其特征在于,所述点击数据包括:The device according to claim 8 or 9, wherein the click data comprises:
    点击位置和每个点击位置的点击次数。Click location and clicks per click location.
  11. 根据权利要求9所述的装置,其特征在于,所述建立模块包括:设置模块,用于设置所述点击获取层的平面横向坐标为x坐标,平面纵向坐标为y坐标,垂直于所述点击获取层平面的坐标为z坐标,生成所述三维坐标系,且所述三维坐标系默认轴向为45度。The apparatus according to claim 9, wherein the establishing module comprises: a setting module, configured to set a plane lateral coordinate of the click acquisition layer to be an x coordinate, and a plane longitudinal coordinate to be a y coordinate, perpendicular to the click The coordinates of the acquisition layer plane are z coordinates, and the three-dimensional coordinate system is generated, and the three-dimensional coordinate system has a default axial direction of 45 degrees.
  12. 根据权利要求11所述的装置,其特征在于,所述装置还包括:The device according to claim 11, wherein the device further comprises:
    子获取模块,用于获取预先设置的时间阈值;a sub-acquisition module, configured to acquire a preset time threshold;
    读取模块,用于读取所述时间阈值之内记录的所述平面热力图对应的网页的数据;a reading module, configured to read data of a webpage corresponding to the plane heat map recorded within the time threshold;
    子设置模块,用于按照色环中的颜色顺序设置所述立体热力图的显示颜色。a sub-setting module, configured to set a display color of the stereo heat map according to a color order in the color circle.
  13. 根据权利要求11所述的装置,其特征在于,所述装置还包括: The device according to claim 11, wherein the device further comprises:
    旋转显示模块,用于以所述立体热力图的轴测图的z轴为准,以半球旋转的形式显示所述立体热力图。And rotating the display module for displaying the three-dimensional heat map in a hemispherical rotation according to a z-axis of the isometric view of the three-dimensional thermogram.
  14. 一种计算机终端,其特征在于,用于执行所述权利要求1所述的获取立体热力图的方法提供的步骤的程序代码。A computer terminal characterized by the program code for performing the steps provided by the method of acquiring a stereoscopic heat map according to claim 1.
  15. 一种存储介质,其特征在于,用于保存所述权利要求1所述的获取立体热力图的方法所执行的程序代码。 A storage medium characterized by storing program code executed by the method for acquiring a stereoscopic heat map according to claim 1.
PCT/CN2014/091704 2013-11-21 2014-11-19 Method and apparatus for obtaining three-dimensional thermodynamic diagram WO2015074575A1 (en)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201310595298.0 2013-11-21
CN201310595298.0A CN103617219A (en) 2013-11-21 2013-11-21 Method and device for acquiring stereoscopic thermodynamic diagrams

Publications (1)

Publication Number Publication Date
WO2015074575A1 true WO2015074575A1 (en) 2015-05-28

Family

ID=50167922

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2014/091704 WO2015074575A1 (en) 2013-11-21 2014-11-19 Method and apparatus for obtaining three-dimensional thermodynamic diagram

Country Status (2)

Country Link
CN (1) CN103617219A (en)
WO (1) WO2015074575A1 (en)

Cited By (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110236544A (en) * 2019-05-29 2019-09-17 中国科学院重庆绿色智能技术研究院 Apoplexy Perfusion Imaging lesion region detection system and method based on related coefficient
CN110727586A (en) * 2019-09-16 2020-01-24 平安科技(深圳)有限公司 Host anomaly monitoring method and device, storage medium and server
CN110909102A (en) * 2019-11-22 2020-03-24 腾讯科技(深圳)有限公司 Indoor thermodynamic diagram display method and device and computer readable storage medium
CN111612857A (en) * 2020-05-28 2020-09-01 北京学之途网络科技有限公司 Color obtaining method and device, electronic equipment and readable storage medium
CN112348920A (en) * 2020-10-30 2021-02-09 上海全应科技有限公司 Data-driven dynamic characteristic thermodynamic diagram construction method for circulating fluidized bed boiler
CN114580435A (en) * 2022-02-18 2022-06-03 深圳数鉴科技有限公司 Session analysis method and system based on user behavior data

Families Citing this family (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103617219A (en) * 2013-11-21 2014-03-05 北京国双科技有限公司 Method and device for acquiring stereoscopic thermodynamic diagrams
CN103927368B (en) * 2014-04-22 2017-02-22 浪潮软件股份有限公司 Method of lightweight framework for generating thermodynamic diagram according to streaming data concept
CN104239617B (en) * 2014-09-02 2017-10-31 百度在线网络技术(北京)有限公司 Thermodynamic chart shows method and device
CN106649372A (en) * 2015-10-30 2017-05-10 北京国双科技有限公司 Display method and device for advertisement clicks in thermodynamic diagram
CN106021228B (en) * 2016-05-18 2019-08-20 德稻全球创新网络(北京)有限公司 A kind of method and system carrying out text analyzing using knowledge topographic map
CN109961472B (en) * 2017-12-25 2022-03-04 北京京东尚科信息技术有限公司 Method, system, storage medium and electronic device for generating 3D thermodynamic diagram
CN110020384B (en) * 2018-06-29 2023-02-17 土巴兔集团股份有限公司 Thermodynamic diagram real-time display method and system

Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101777080A (en) * 2010-03-19 2010-07-14 北京国双科技有限公司 User click data-based webpage analysis method
CN102169412A (en) * 2011-03-31 2011-08-31 北京清大高科系统控制有限公司 Real-time three-dimensional visual system of power grid
CN102306078A (en) * 2011-08-09 2012-01-04 河北省电力建设调整试验所 Power grid information three-dimensional display method based on multiple display diagram types
CN103605716A (en) * 2013-11-14 2014-02-26 北京国双科技有限公司 Data processing method and device used for webpage click display
CN103605751A (en) * 2013-11-21 2014-02-26 北京国双科技有限公司 Three-dimensional thermodynamic diagram processing method and device
CN103617219A (en) * 2013-11-21 2014-03-05 北京国双科技有限公司 Method and device for acquiring stereoscopic thermodynamic diagrams
CN103778660A (en) * 2013-11-21 2014-05-07 北京国双科技有限公司 Processing method and apparatus of stereoscopic thermodynamic chart
CN103778659A (en) * 2013-11-21 2014-05-07 北京国双科技有限公司 Processing method and apparatus of stereoscopic thermodynamic chart

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US10127574B2 (en) * 2011-11-30 2018-11-13 Cynthia Brown Internet marketing analytics system

Patent Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101777080A (en) * 2010-03-19 2010-07-14 北京国双科技有限公司 User click data-based webpage analysis method
CN102169412A (en) * 2011-03-31 2011-08-31 北京清大高科系统控制有限公司 Real-time three-dimensional visual system of power grid
CN102306078A (en) * 2011-08-09 2012-01-04 河北省电力建设调整试验所 Power grid information three-dimensional display method based on multiple display diagram types
CN103605716A (en) * 2013-11-14 2014-02-26 北京国双科技有限公司 Data processing method and device used for webpage click display
CN103605751A (en) * 2013-11-21 2014-02-26 北京国双科技有限公司 Three-dimensional thermodynamic diagram processing method and device
CN103617219A (en) * 2013-11-21 2014-03-05 北京国双科技有限公司 Method and device for acquiring stereoscopic thermodynamic diagrams
CN103778660A (en) * 2013-11-21 2014-05-07 北京国双科技有限公司 Processing method and apparatus of stereoscopic thermodynamic chart
CN103778659A (en) * 2013-11-21 2014-05-07 北京国双科技有限公司 Processing method and apparatus of stereoscopic thermodynamic chart

Cited By (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110236544A (en) * 2019-05-29 2019-09-17 中国科学院重庆绿色智能技术研究院 Apoplexy Perfusion Imaging lesion region detection system and method based on related coefficient
CN110236544B (en) * 2019-05-29 2023-05-02 中国科学院重庆绿色智能技术研究院 Stroke perfusion imaging lesion area detection system and method based on correlation coefficient
CN110727586A (en) * 2019-09-16 2020-01-24 平安科技(深圳)有限公司 Host anomaly monitoring method and device, storage medium and server
CN110909102A (en) * 2019-11-22 2020-03-24 腾讯科技(深圳)有限公司 Indoor thermodynamic diagram display method and device and computer readable storage medium
CN110909102B (en) * 2019-11-22 2023-02-28 腾讯科技(深圳)有限公司 Indoor thermodynamic diagram display method and device and computer readable storage medium
CN111612857A (en) * 2020-05-28 2020-09-01 北京学之途网络科技有限公司 Color obtaining method and device, electronic equipment and readable storage medium
CN111612857B (en) * 2020-05-28 2024-03-26 北京明略昭辉科技有限公司 Color acquisition method and device, electronic equipment and readable storage medium
CN112348920A (en) * 2020-10-30 2021-02-09 上海全应科技有限公司 Data-driven dynamic characteristic thermodynamic diagram construction method for circulating fluidized bed boiler
CN112348920B (en) * 2020-10-30 2024-03-01 上海全应科技有限公司 Method for constructing dynamic characteristic thermodynamic diagram of circulating fluidized bed boiler based on data driving
CN114580435A (en) * 2022-02-18 2022-06-03 深圳数鉴科技有限公司 Session analysis method and system based on user behavior data

Also Published As

Publication number Publication date
CN103617219A (en) 2014-03-05

Similar Documents

Publication Publication Date Title
WO2015074575A1 (en) Method and apparatus for obtaining three-dimensional thermodynamic diagram
US10454794B2 (en) 3D wireless network monitoring using virtual reality and augmented reality
CA2888116C (en) Dynamic search partitioning
CN104718528B (en) Determine the method, apparatus and terminal device of the color of interface control
US10768421B1 (en) Virtual monocle interface for information visualization
US20150074576A1 (en) Information processing methods and electronic devices
CN105531742A (en) Techniques to manage color representations for a digital map
KR102064689B1 (en) Method, device and storage medium for displaying map information
KR20120005879A (en) Apparatus and method for providing augmented reality using generation of virtual marker
CN108304075A (en) A kind of method and apparatus carrying out human-computer interaction in augmented reality equipment
Alatalo et al. Two real-world case studies on 3D web applications for participatory urban planning
CN110928397B (en) User interface refreshing method and device, storage medium and electronic device
CN103999044B (en) For the technology that multipass is rendered
CN103605751B (en) Three-dimensional thermodynamic diagram processing method and device
CN103778659B (en) Processing method and apparatus of stereoscopic thermodynamic chart
CN103778660B (en) The processing method and processing device of three-dimensional thermodynamic diagram
KR102089473B1 (en) Method and device for editing facial model
CN109522869A (en) Face image processing process, device, terminal device and computer storage medium
US20150356507A1 (en) Method for providing product total solution in which product design, design community, product manufacturing through design, and marketing are carried out online
JP6617547B2 (en) Image management system, image management method, and program
KR20200094637A (en) Method, apparatus, device, and storage medium for providing visual representation of set of objects
CN115382208A (en) Three-dimensional guide map generation method, device, storage medium and electronic device
WO2020173222A1 (en) Object virtualization processing method and device, electronic device and storage medium
Toomanian et al. Automatic symbolisation methods for geoportals
CN109101544A (en) Heating power drawing generating method, calculates equipment and readable storage medium storing program for executing at device

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

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

32PN Ep: public notification in the ep bulletin as address of the adressee cannot be established

Free format text: NOTING OF LOSS OF RIGHTS PURSUANT TO RULE 112(1) EPC (EPO FORM 1205A DATED 31.08.2016)

122 Ep: pct application non-entry in european phase

Ref document number: 14864425

Country of ref document: EP

Kind code of ref document: A1