WO2018040943A1 - Display data control method, device, and system - Google Patents

Display data control method, device, and system Download PDF

Info

Publication number
WO2018040943A1
WO2018040943A1 PCT/CN2017/097952 CN2017097952W WO2018040943A1 WO 2018040943 A1 WO2018040943 A1 WO 2018040943A1 CN 2017097952 W CN2017097952 W CN 2017097952W WO 2018040943 A1 WO2018040943 A1 WO 2018040943A1
Authority
WO
WIPO (PCT)
Prior art keywords
display
event
information
server
display device
Prior art date
Application number
PCT/CN2017/097952
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 WO2018040943A1 publication Critical patent/WO2018040943A1/en

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04842Selection of displayed objects or displayed text elements
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/14Digital output to display device ; Cooperation and interconnection of the display device with other functional units
    • G06F3/1454Digital output to display device ; Cooperation and interconnection of the display device with other functional units involving copying of the display data of a local workstation or window to a remote workstation or window so that an actual copy of the data is displayed simultaneously on two or more displays, e.g. teledisplay
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/14Digital output to display device ; Cooperation and interconnection of the display device with other functional units

Definitions

  • the present invention relates to the field of data processing, and in particular to a method, device and system for controlling display data.
  • the prior art provides a large display screen which is obtained by splicing a plurality of small display screens.
  • the large display screen is used as a display device, and each small display screen included needs to be connected to a computer PC. Show the desktop content of each computer PC.
  • the traditional large-screen display project is based on the architecture shown in Figure 2.
  • the control signals of each computer PC are spliced and assembled to obtain the entire large display.
  • the final display content for example, using 18 PC computers, outputs a total of 18 signals, each PC runs an H5 page (ie, page.html in Figure 1), and projects a small display corresponding to a large screen display. In the screen.
  • the control business process is as follows: First, the UED interacts with the h5 page to the service party, and the service party deploys to the respective server. Then, each PC browser accesses the server of the service party, and projects the desktop to the screen group through the video controller, and A dedicated staff controls the switching and layout of the signals through the control device.
  • the embodiment of the invention provides a method, a device and a system for controlling display data, so as to at least solve the technical problem that the interaction process of displaying information is inflexible when displaying data content by using a large display screen in the prior art.
  • a control system for displaying data comprising: a display device including a plurality of display screens, each display screen for displaying page content; a server connected to the display device, And displaying display configuration information, where the display configuration information includes: desktop information of the display device and object information of a display object displayed on each display screen included in the display device; and the control device is connected to the server, and configured to: The corresponding operation interface is drawn according to the obtained display configuration information, and the corresponding operation event is generated, wherein the operation interface includes: a simulated desktop corresponding to the desktop information and a simulated object corresponding to the display object; wherein The server is also configured to receive an operation event and perform the same operation on the display device as the operation behavior according to the operation event control
  • a method for controlling display data includes: the control device acquires display configuration information of the display device from the server, where the display configuration information includes: desktop information of the display device and the display device The object information of the display object displayed by each display screen is included; the control device draws a corresponding operation interface according to the display configuration information, wherein the operation interface comprises: an analog desktop corresponding to the desktop information and a simulated object corresponding to the display object; The operation interface of the device detects the operation behavior and generates a corresponding operation event, wherein the operation event is used to control the same operation on the display device as the operation behavior.
  • a method for controlling display data includes: the server acquiring display configuration information of the display device, where the displaying the configuration information includes: desktop information of the display device and the display device includes Each of the display screens displays object information of the display object; the server generates a corresponding operation event according to the operation behavior detected by the control device on the operation interface, wherein the operation interface is drawn by the control device according to the display configuration information, and the operation interface includes: The simulated desktop corresponding to the information and the simulated object corresponding to the display object; the server performs the same operation on the display device as the operation behavior according to the operation event control
  • a control device for displaying data comprising: an obtaining module, configured to acquire display configuration information of a display device from a server, where displaying the configuration information comprises: displaying the device Desktop information and object information of a display object displayed on each display screen included in the display device;
  • the module is configured to draw a corresponding operation interface according to the display configuration information, where the operation interface includes: an analog desktop corresponding to the desktop information and a simulation object corresponding to the display object; and a generation module, configured to detect an operation behavior if the operation interface is A corresponding operational event is generated, wherein the operational event is used to control the same operation as the operational behavior on the display device.
  • the display configuration information of the display device is obtained from the server by using the control device, where the display configuration information includes: desktop information of the display device and object information of the display object displayed on each display screen included in the display device;
  • the control device draws a corresponding operation interface according to the display configuration information, where the operation interface includes: an analog desktop corresponding to the desktop information and a simulation object corresponding to the display object;
  • the operation interface of the control device detects the operation behavior, and generates a corresponding operation event, The operation event is used to control the manner of performing the same operation as the operation behavior on the display device, and the display device obtains the display configuration information of the display device from the server, and draws a corresponding operation interface according to the display configuration information, and the user uses the operation.
  • the control device can detect the above operation behavior, thereby generating a corresponding operation event, and the server responds to the operation event, and performs the same operation on the display device as the operation behavior based on the operation event.
  • the control device can be implemented by the server, and the local operation event of the control device is synchronized to the corresponding display device, thereby realizing that the user can control the operation process of the large-screen display device flexibly by the control device, thereby reducing the large-screen display device.
  • the interactive flexibility of the display information further solves the technical problem that the interactive process of displaying information is inflexible when displaying data content on a large display screen in the prior art.
  • FIG. 2 is a schematic diagram of a system control structure of a large display screen according to the prior art
  • FIG. 3 is a schematic structural diagram of a video data control system according to an embodiment of the present invention.
  • FIG. 4 is a schematic diagram showing display of event distribution for controlling a Windows desktop in a display device according to an embodiment of the present invention
  • FIG. 6 is a flowchart of a method of controlling display data according to a first embodiment of the present invention.
  • FIG. 7 is a schematic diagram of displaying object information of respective display objects in a control device according to an embodiment of the present invention.
  • FIG. 8 is a schematic diagram of a control for controlling an abstract display object in a device according to an embodiment of the present invention.
  • Figure 9b is another service flow diagram of an operational event in accordance with an embodiment of the present invention.
  • FIG. 10 is a diagram of a service interaction of a control device according to an embodiment of the present invention.
  • FIG. 12 is a flowchart of a method of controlling display data according to Embodiment 1 of the present invention.
  • FIG. 14 is a structural block diagram of a control device according to an embodiment of the present invention.
  • Signal source refers to the video signal source, such as the DVI signal output of the graphics card, PC desktop signal.
  • Information piece app An object abstracted at the software level, logically used to represent block data information, such as a web page, and an implementation of an iframe is a basic concept in this technical solution.
  • FIG. 3 is a schematic structural diagram of a video data control system according to an embodiment of the present invention.
  • the control system may include: a display device 10, a server 30, and a control device 50.
  • the display device 10 includes a plurality of display screens 0, 1, . . . , n, each of which is used to display page content.
  • the server 30 is connected to the display device 10 and is configured to save display configuration information associated with the page content.
  • the display configuration information includes: desktop information of the display device and object information of the display object displayed by each display screen included in the display device; the control device 50 is connected to the server 30, and is configured to draw according to the acquired display configuration information.
  • Corresponding operation interface and detecting an operation behavior, generating a corresponding operation event
  • the operation interface includes: an analog desktop corresponding to the desktop information and a simulation object corresponding to the display object; wherein the server is further configured to receive an operation event, And the same operation as the operation behavior is performed on the display device according to the operation event control.
  • the control device acquires display configuration information of the display device from the server, and draws a corresponding operation interface according to the display configuration information.
  • the control device may detect the above. The action is actuated to generate a corresponding operational event, at which point the server responds to the operational event and controls the same operation on the display device as the operational behavior based on the operational event. It can be seen that one end of the control device can display the information of the corresponding display object app in the display device of the large screen to the user, and receive the interactive instruction and control instruction input by the user, and convert the instruction into an operation event recognizable by the server system.
  • the server server can perform corresponding logic processing according to different instructions. Since the above control device can be implemented by the server, the local operation event of the control device is synchronized to the corresponding display device, so that the user can flex through the control device. The operation of the display device for the large screen reduces the interactive flexibility of the display information of the large screen display device.
  • the above solution further defines a set of operation event distribution mechanism, so that various control devices can access the display device system to complete flexible control of the displayed content.
  • the desktop information may include at least: a desktop size of the display device; and the object information of the display object includes at least: a size of the display object, location information in the display device, display content, and display depth.
  • the above operational events may include at least one of the following: a click event, a zoom event, a move event, and a scroll event.
  • each point in the matrix represents a physical display screen screen, all screen resolutions are the same, such as 1400x1050.
  • Each screen-specific attribute is its position in the matrix (x, y), such as the display device shown in Figure 3. In the display0 display block screen position is (0,0), and the display6 screen position is (1,2).
  • the server 30 can implement the resource file for managing the display object, and provides the resource service to the external device as the web server webserver, and can create and delete the corresponding app instance for each object information, and the location information of all the apps in the abstract desktop. It also saves the connection status of each display display screen in all large display screens, and can broadcast the data of key information (such as app and screen) to the corresponding control device in real time.
  • the above control device 50 abstractly displays the display device 10 of the large screen and the information of the app in the server to the user, accepts the user's interaction and control instructions, and converts the instructions into system identifiable and sends them to the server server, and the server server responds according to different instructions. Logical processing.
  • control device may send information to the server transmitter for obtaining display configuration information of the display system desktop of the display device, where the display configuration information may include desktop information configured by the desktop (for example, total length and width of the display device). And object information splicing the display object of each display screen of the display device.
  • the present invention implements an example as shown in FIG. 4, and the control device designs a reasonable event distribution system, for example, simulates the event distribution mechanism of the Windows desktop in FIG. 4, and the distribution system of the operation event passes through the server. Synchronize control of the display objects on the display screen. Thereby achieving flexible interactive control.
  • Executable instructions for performing the above-described human-computer interaction functions are configured/stored in one or more processor-executable computer programs Product or readable storage media.
  • the object information of each display object is displayed in the control device.
  • the desktop of the display device may be a rectangular desktop as shown in FIG. 7 , and the rectangular desktop is displayed on the rectangular desktop.
  • Multiple object information with different display contents ie, information pieces app1, app2, app3, and app4.
  • Each of the above apps can be placed anywhere on the large desktop, and the size of the app can also be within the range allowed by the desktop. Expansion.
  • Step S24 the operation interface of the control device detects the operation behavior, and generates a corresponding operation event, wherein the operation event is used to control the same operation on the display device as the operation behavior.
  • the above solution further defines a distribution mechanism for operating events, so that various control devices can be connected. Enter the system of the display device to complete flexible control of the displayed content.
  • pointerPress simulates the mouse point (button distinguishes the left and right buttons)
  • step S10 the server receives an object open instruction sent by the control device, where the object open command includes at least: an access address of the object to be displayed;
  • step S14 the server controls the display device to display the object to be displayed.
  • FIG. 10 is a diagram of a service interaction of a control device according to an embodiment of the present invention. In conjunction with the embodiment shown in FIG. 10, the process flow is as follows for how to open a new information tablet app:
  • Step 94 The server creates new object information according to the instruction, including the position and size of the display screen corresponding to the object information on the large-screen display device.
  • step S96 the server sends the created new object information to the display device, so that the display device acquires the DOM corresponding to the object information APP, so that the object is displayed at the corresponding position of the display device.
  • Step S145 the display device loads and displays the DOM data according to the screen information of any one or more display screens.
  • each display screen screen will be all
  • the running class related definition file (js file) is downloaded, and the app instance is generated in the current running environment; each app instance actually corresponds to a dom node, so the app instance is actually hanged on the corresponding dom after being generated.
  • the app definition file is essentially a definition of a reactjs component, and the reactjs component can be easily mounted to a dom.
  • Each screen has its own identifier.
  • FIG. 11 is a flow diagram of a control device interacting with a server in accordance with an embodiment of the present invention.
  • the core scheme of the data flow of the control device end and the server server of the present invention is described in detail below based on the embodiment shown in FIG. 11 as follows:
  • Step S101 the control device requests the server server to know the desktop configuration of the system (the total length and width of the large screen), and the information of all the apps, including the location, length and width, and z-index of the app, and who is represented when the app positions overlap. On the upper level.
  • Step S103 Draw a mock desktop and an app diagram according to the above information, prompt the user for the current layout situation, and collect the user interaction event, and the mobile terminal collects the user gesture operation by using the hammer.js library.
  • step S105 the user controls the system by moving and zooming the app.
  • step S107 the control end converts the interaction behavior of the user into a pointer event identifiable by the server end and sends it to the server.
  • Step S109 After the server server runs the corresponding logic, the object app information is updated and broadcast to one end of the control device.
  • step S111 the control device updates the virtual control object mock UI at one end.
  • the method according to the above embodiment can be implemented by means of software plus a necessary general hardware platform, and of course, by hardware, but in many cases, the former is A better implementation.
  • the technical solution of the present invention which is essential or contributes to the prior art, may be embodied in the form of a software product stored in a storage medium (such as ROM/RAM, disk,
  • the optical disc includes a number of instructions for causing a terminal device (which may be a cell phone, a computer, a server, or a network device, etc.) to perform the methods described in various embodiments of the present invention.
  • FIG. Figure 12 is a flow chart showing a method of controlling display data according to a first embodiment of the present invention.
  • the method for controlling display data may include the following implementation steps:
  • the control device acquires display configuration information of the display device from the server, and draws a corresponding operation interface according to the display configuration information, and controls the device when the user performs corresponding operations by using the operation interface.
  • the above operational behavior can be detected to generate a corresponding operational event, at which time the server responds to the operational event and controls the same operation on the display device as the operational behavior based on the operational event.
  • one end of the control device can display the information of the corresponding display object app in the display device of the large screen to the user, and receive the interactive instruction and control instruction input by the user, and convert the instruction into an operation event recognizable by the server system.
  • the server server can perform corresponding logic processing according to different instructions. Since the above control device can be implemented by the server, the local operation event of the control device is synchronized to the corresponding display device, so that the user can flex through the control device. The operation of the display device for the large screen reduces the interactive flexibility of the display information of the large screen display device.
  • the obtaining module 130 is configured to acquire display configuration information of the display device from the server, where the display configuration information includes: desktop information of the display device and object information of a display object displayed on each display screen included in the display device;
  • the generating module 135 is configured to generate a corresponding operation event if the operation interface detects the operation behavior, wherein the operation event is used to control the same operation performed on the display device as the operation behavior.
  • the foregoing processor may further execute the following program code: send an operation event to the server; the server controls application logic corresponding to the display object displayed on the display device, where the operation event is a click event.
  • the server selects the display object with the highest depth to execute the click event; in the case that the operation event is the mobile event, the server performs a movement event on the selected display object; in the case that the operation event is a scaling event, the server displays the selected The object performs a zoom event; in the case where the action event is a scroll event, the server performs a scroll event on the browsed display object.
  • the processor may further execute the following steps: the server receives an object open instruction sent by the control device, where the object open instruction includes at least: an access address of the object to be displayed; and the server creates a to-be-displayed according to the object open instruction.
  • Object information of the object wherein the object information of the object to be displayed includes at least: a ruler length, a display depth, and position information of the object to be displayed; and the server controls the display device to display the object to be displayed.
  • the processor may further execute the following program code: the display device downloads object information related to the object to be displayed from the server; the display device generates DOM data corresponding to the object to be displayed; and the display device follows any one or more The screen information of the display screen loads and displays the DOM data.
  • the storage medium is configured to store program code for performing the following steps: the server receives an object open instruction sent by the control device, where the object open instruction includes at least: an access address of the object to be displayed The server creates object information of the object to be displayed according to the object opening instruction, wherein the object information of the object to be displayed includes at least: a ruler length, a display depth, and position information of the object to be displayed; and the server controls the display device to display the object to be displayed.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)
  • Controls And Circuits For Display Device (AREA)

Abstract

Disclosed in the present invention are a display data control method, device, and system. The method comprises: a control apparatus acquiring, from a server, display configuration information of a display apparatus, wherein the display configuration information comprises desktop information of the display apparatus and object information of display objects displayed on all display screens included in the display apparatus; the control apparatus drawing, according to the display configuration information, a corresponding operation interface, wherein the operation interface comprises a simulation desktop corresponding to the desktop information and simulation objects corresponding to the display objects; the operation interface of the control apparatus detecting an operating action, and generating a corresponding operation event, wherein the operation event is used to control an operation the same as the operating action to be executed on the display apparatus. The present invention solves the technical problem of the prior art in which flexibility of an interactive process with display information is poor when data content is displayed on a large display screen.

Description

显示数据的控制方法、装置和系统Display data control method, device and system
本申请要求2016年08月31日递交的申请号为201610800156.7、发明名称为“显示数据的控制方法、装置和系统”的中国专利申请的优先权,其全部内容通过引用结合在本申请中。The present application claims the priority of the Chinese Patent Application Serial No. PCT Application No.
技术领域Technical field
本发明涉及数据处理领域,具体而言,涉及一种显示数据的控制方法、装置和系统。The present invention relates to the field of data processing, and in particular to a method, device and system for controlling display data.
背景技术Background technique
现有技术提供了一种由多块小显示屏拼接而得到的大显示屏,这种大显示屏作为一种显示设备,所包括的每块小显示屏都需要与一台计算机PC相连,进而展示每台计算机PC的桌面内容。The prior art provides a large display screen which is obtained by splicing a plurality of small display screens. The large display screen is used as a display device, and each small display screen included needs to be connected to a computer PC. Show the desktop content of each computer PC.
基于如图1所示的大屏显示设备,传统的大屏展示项目是基于如图2所示的架构实现,如图2所示,每个计算机PC的控制信号来拼接组装得到整个大显示屏的最终显示内容,例如,采用18台PC计算机,总共输出18路信号,每个PC运行一个H5页面(即,图1中的page.html),投射到一个大屏显示器上对应的一个小显示屏幕中。Based on the large-screen display device shown in Figure 1, the traditional large-screen display project is based on the architecture shown in Figure 2. As shown in Figure 2, the control signals of each computer PC are spliced and assembled to obtain the entire large display. The final display content, for example, using 18 PC computers, outputs a total of 18 signals, each PC runs an H5 page (ie, page.html in Figure 1), and projects a small display corresponding to a large screen display. In the screen.
而对每块小显示屏接收到的控制信号的布局则是通过大屏厂商提供的控制软件来实现,控制软件需要交给专业的IT人员来处理,具体的,研发人员通过视频控制器来执行信号控制和布局,即工作人员可以通过控制设备控制视频控制器来远程控制信号的切换和布局,其中,In接口表示视频控制器的多路HD信号,Out接口表示视频控制器的多路信号输出。The layout of the control signals received by each small display is realized by the control software provided by the large-screen manufacturer. The control software needs to be handed over to the professional IT staff for processing. Specifically, the R&D personnel execute the video controller. Signal control and layout, that is, the staff can control the video controller to remotely control the switching and layout of the signal through the control device. The In interface represents the multi-channel HD signal of the video controller, and the Out interface represents the multi-channel signal output of the video controller. .
控制的业务流程如下:首先,UED交互h5页面给业务方,业务方部署到各自的服务器,然后,每个PC浏览器访问业务方的服务器,将桌面通过视频控制器投射到屏幕组,同时,有专门的工作人员通过控制设备来控制信号的切换和布局。The control business process is as follows: First, the UED interacts with the h5 page to the service party, and the service party deploys to the respective server. Then, each PC browser accesses the server of the service party, and projects the desktop to the screen group through the video controller, and A dedicated staff controls the switching and layout of the signals through the control device.
分析可知,上述现有技术提供的方案主要包括如下两个缺点:每次要修改大显示屏上的信号内容时,需要远程登录到播放该信号的计算机PC,修改chrome浏览器访问的内容;而如果修改大显示屏的信号布局,比如修改信号的位置,缩放信号的大小等,都需要专业IT人员来操控厂商的控制软件,不是很灵活。The analysis shows that the solution provided by the above prior art mainly includes the following two disadvantages: each time the signal content on the large display screen is to be modified, it is necessary to remotely log in to the computer PC playing the signal to modify the content accessed by the chrome browser; If you modify the signal layout of the large display, such as modifying the position of the signal, scaling the signal, etc., professional IT personnel are required to control the manufacturer's control software, which is not very flexible.
由此在一种采用大显示屏来展示业务内容的场景下,如果演讲人员基于展示的业务内容进行演讲时,每次对外讲解业务内容的时候,除了主讲人外,都需要一个额外的IT 人员配合切换信号,降低了整个讲解体验。并且该控制软件没有公共标准,每个厂商都有自己的实现,不通用不开源,给维护带来一定麻烦。Therefore, in a scenario where a large display screen is used to display business content, if the speaker performs a speech based on the displayed business content, each time the business content is explained, an extra IT is required in addition to the presenter. The staff cooperates with the switching signal to reduce the entire interpretation experience. And the control software has no public standards, each manufacturer has its own implementation, not universal and not open source, bringing some trouble to maintenance.
针对上述的问题,目前尚未提出有效的解决方案。In response to the above problems, no effective solution has been proposed yet.
发明内容Summary of the invention
本发明实施例提供了一种显示数据的控制方法、装置和系统,以至少解决现有技术中采用大显示屏展示数据内容时,展示信息的交互过程不灵活的技术问题。The embodiment of the invention provides a method, a device and a system for controlling display data, so as to at least solve the technical problem that the interaction process of displaying information is inflexible when displaying data content by using a large display screen in the prior art.
根据本发明实施例的一个方面,提供了一种显示数据的控制系统,该系统包括:显示设备,包括多个显示屏幕,每个显示屏幕用于显示页面内容;服务器,与显示设备连接,用于保存与页面内容关联的显示配置信息,其中,显示配置信息包括:显示设备的桌面信息以及显示设备所包括的每个显示屏幕展示的显示对象的对象信息;控制设备,与服务器连接,用于根据获取到的显示配置信息绘制对应的操作界面,并在检测到操作行为,生成对应的操作事件,其中,操作界面包括:与桌面信息对应的模拟桌面和与显示对象对应的模拟对象;其中,服务器还用于接收操作事件,并根据操作事件控制在显示设备上执行与操作行为相同的操作According to an aspect of an embodiment of the present invention, a control system for displaying data is provided, the system comprising: a display device including a plurality of display screens, each display screen for displaying page content; a server connected to the display device, And displaying display configuration information, where the display configuration information includes: desktop information of the display device and object information of a display object displayed on each display screen included in the display device; and the control device is connected to the server, and configured to: The corresponding operation interface is drawn according to the obtained display configuration information, and the corresponding operation event is generated, wherein the operation interface includes: a simulated desktop corresponding to the desktop information and a simulated object corresponding to the display object; wherein The server is also configured to receive an operation event and perform the same operation on the display device as the operation behavior according to the operation event control
根据本发明实施例的一个方面,提供了一种显示数据的控制方法,该方法包括:控制设备从服务器获取显示设备的显示配置信息,其中,显示配置信息包括:显示设备的桌面信息以及显示设备所包括的每个显示屏幕展示的显示对象的对象信息;控制设备根据显示配置信息绘制对应的操作界面,其中,操作界面包括:与桌面信息对应的模拟桌面和与显示对象对应的模拟对象;控制设备的操作界面检测到操作行为,生成对应的操作事件,其中,操作事件用于控制在显示设备上执行与操作行为相同的操作。According to an aspect of the embodiments of the present invention, a method for controlling display data is provided. The method includes: the control device acquires display configuration information of the display device from the server, where the display configuration information includes: desktop information of the display device and the display device The object information of the display object displayed by each display screen is included; the control device draws a corresponding operation interface according to the display configuration information, wherein the operation interface comprises: an analog desktop corresponding to the desktop information and a simulated object corresponding to the display object; The operation interface of the device detects the operation behavior and generates a corresponding operation event, wherein the operation event is used to control the same operation on the display device as the operation behavior.
根据本发明实施例的一个方面,提供了一种显示数据的控制方法,该方法包括:服务器获取显示设备的显示配置信息,其中,显示配置信息包括:显示设备的桌面信息以及显示设备所包括的每个显示屏幕展示的显示对象的对象信息;服务器根据控制设备在操作界面上检测到的操作行为生成对应的操作事件,其中,操作界面为控制设备根据显示配置信息绘制,操作界面包括:与桌面信息对应的模拟桌面和与显示对象对应的模拟对象;服务器根据操作事件控制在显示设备上执行与操作行为相同的操作According to an aspect of the embodiments of the present invention, a method for controlling display data is provided. The method includes: the server acquiring display configuration information of the display device, where the displaying the configuration information includes: desktop information of the display device and the display device includes Each of the display screens displays object information of the display object; the server generates a corresponding operation event according to the operation behavior detected by the control device on the operation interface, wherein the operation interface is drawn by the control device according to the display configuration information, and the operation interface includes: The simulated desktop corresponding to the information and the simulated object corresponding to the display object; the server performs the same operation on the display device as the operation behavior according to the operation event control
根据本发明实施例的另一方面,还提供了一种显示数据的控制装置,该装置包括:获取模块,用于从服务器获取显示设备的显示配置信息,其中,显示配置信息包括:显示设备的桌面信息以及显示设备所包括的每个显示屏幕展示的显示对象的对象信息;绘 制模块,用于根据显示配置信息绘制对应的操作界面,其中,操作界面包括:与桌面信息对应的模拟桌面和与显示对象对应的模拟对象;生成模块,用于如果操作界面检测到操作行为,生成对应的操作事件,其中,操作事件用于控制在显示设备上执行与操作行为相同的操作。According to another aspect of the present invention, a control device for displaying data is provided, the device comprising: an obtaining module, configured to acquire display configuration information of a display device from a server, where displaying the configuration information comprises: displaying the device Desktop information and object information of a display object displayed on each display screen included in the display device; The module is configured to draw a corresponding operation interface according to the display configuration information, where the operation interface includes: an analog desktop corresponding to the desktop information and a simulation object corresponding to the display object; and a generation module, configured to detect an operation behavior if the operation interface is A corresponding operational event is generated, wherein the operational event is used to control the same operation as the operational behavior on the display device.
在本发明实施例中,采用控制设备从服务器获取显示设备的显示配置信息,其中,显示配置信息包括:显示设备的桌面信息以及显示设备所包括的每个显示屏幕展示的显示对象的对象信息;控制设备根据显示配置信息绘制对应的操作界面,其中,操作界面包括:与桌面信息对应的模拟桌面和与显示对象对应的模拟对象;控制设备的操作界面检测到操作行为,生成对应的操作事件,其中,操作事件用于控制在显示设备上执行与操作行为相同的操作的方式,通过控制设备从服务器获取显示设备的显示配置信息,并根据显示配置信息绘制对应的操作界面,在用户使用该操作界面进行相应的操作时,控制设备可以检测到上述操作行为,从而生成对应的操作事件,此时服务器会响应该操作事件,并基于操作事件控制在显示设备上执行与操作行为相同的操作,由于上述控制设备可以通过服务器来实现,将控制设备本地的操作事件同步至对应的显示设备上,实现了用户可以通过控制设备灵活的对大屏幕的显示设备的操作过程,降低了大屏幕显示设备的展示信息的交互灵活性,进而解决了现有技术中采用大显示屏展示数据内容时,展示信息的交互过程不灵活的技术问题。In the embodiment of the present invention, the display configuration information of the display device is obtained from the server by using the control device, where the display configuration information includes: desktop information of the display device and object information of the display object displayed on each display screen included in the display device; The control device draws a corresponding operation interface according to the display configuration information, where the operation interface includes: an analog desktop corresponding to the desktop information and a simulation object corresponding to the display object; the operation interface of the control device detects the operation behavior, and generates a corresponding operation event, The operation event is used to control the manner of performing the same operation as the operation behavior on the display device, and the display device obtains the display configuration information of the display device from the server, and draws a corresponding operation interface according to the display configuration information, and the user uses the operation. When the interface performs the corresponding operation, the control device can detect the above operation behavior, thereby generating a corresponding operation event, and the server responds to the operation event, and performs the same operation on the display device as the operation behavior based on the operation event. The control device can be implemented by the server, and the local operation event of the control device is synchronized to the corresponding display device, thereby realizing that the user can control the operation process of the large-screen display device flexibly by the control device, thereby reducing the large-screen display device. The interactive flexibility of the display information further solves the technical problem that the interactive process of displaying information is inflexible when displaying data content on a large display screen in the prior art.
附图说明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 view showing the display of a large display screen according to the prior art;
图2是根据现有技术的大显示屏的系统控制结构示意图;2 is a schematic diagram of a system control structure of a large display screen according to the prior art;
图3是本发明实施例提供的一种视频数据的控制系统的结构示意图;3 is a schematic structural diagram of a video data control system according to an embodiment of the present invention;
图4根据本发明实施例的控制显示设备中windows桌面的事件分发的显示示意图;4 is a schematic diagram showing display of event distribution for controlling a Windows desktop in a display device according to an embodiment of the present invention;
图5示出了一种用于实现显示数据的控制方法的计算机终端的硬件结构框图;FIG. 5 is a block diagram showing a hardware configuration of a computer terminal for implementing a control method for displaying data;
图6是根据本发明实施例一的显示数据的控制方法的流程图;6 is a flowchart of a method of controlling display data according to a first embodiment of the present invention;
图7是根据本发明实施例的在控制设备中显示各个显示对象的对象信息的示意图;7 is a schematic diagram of displaying object information of respective display objects in a control device according to an embodiment of the present invention;
图8是根据本发明实施例的控制设备中抽象的显示对象的控件的示意图;8 is a schematic diagram of a control for controlling an abstract display object in a device according to an embodiment of the present invention;
图9a是根据本发明实施例的操作事件的业务流程图; Figure 9a is a business flow diagram of an operational event in accordance with an embodiment of the present invention;
图9b是根据本发明实施例的操作事件的另一业务流程图;Figure 9b is another service flow diagram of an operational event in accordance with an embodiment of the present invention;
图9c是根据本发明实施例的操作事件的又一业务流程图;Figure 9c is a further operational flow diagram of an operational event in accordance with an embodiment of the present invention;
图9d是根据本发明实施例的操作事件的又一业务流程图;Figure 9d is a further operational flow diagram of an operational event in accordance with an embodiment of the present invention;
图10是根据本发明实施例的控制设备的业务交互图;FIG. 10 is a diagram of a service interaction of a control device according to an embodiment of the present invention; FIG.
图11是根据本发明的实施例的控制设备与服务器交互的流程示意图;11 is a flow chart showing a control device interacting with a server according to an embodiment of the present invention;
图12是根据本发明实施例一的显示数据的控制方法的流程图;FIG. 12 is a flowchart of a method of controlling display data according to Embodiment 1 of the present invention; FIG.
图13是根据本发明实施例的显示数据的控制装置的示意图;以及FIG. 13 is a schematic diagram of a control device for displaying data according to an embodiment of the present invention;
图14是根据本发明实施例的一种控制设备的结构框图。FIG. 14 is a structural block diagram of a control device according to an embodiment of the present invention.
具体实施方式detailed description
为了使本技术领域的人员更好地理解本发明方案,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分的实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都应当属于本发明保护的范围。The technical solutions in the embodiments of the present invention are clearly and completely described in the following with reference to the accompanying drawings in the embodiments of the present invention. It is an embodiment of the invention, but not all of the embodiments. All other embodiments obtained by those skilled in the art based on the embodiments of the present invention without creative efforts shall fall within the scope of the present invention.
需要说明的是,本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。It is to be understood that the terms "first", "second" and the like in the specification and claims of the present invention are used to distinguish similar objects, and are not necessarily used to describe a particular order or order. It is to be understood that the data so used may be interchanged where appropriate, so that the embodiments of the invention described herein can be implemented in a sequence other than those illustrated or described herein. In addition, the terms "comprises" and "comprises" and "the" and "the" are intended to cover a non-exclusive inclusion, for example, a process, method, system, product, or device that comprises a series of steps or units is not necessarily limited to Those steps or units may include other steps or units not explicitly listed or inherent to such processes, methods, products or devices.
首先,在对本申请实施例进行描述的过程中出现的部分名词或术语适用于如下解释:First, some of the nouns or terms that appear in the process of describing the embodiments of the present application are applicable to the following explanations:
信号源:指视频信号源,比如显卡的一路DVI信号输出,PC桌面信号等。Signal source: refers to the video signal source, such as the DVI signal output of the graphics card, PC desktop signal.
信息片app:软件层面抽象的一个对象,逻辑上用于表示块数据信息,例如一个网页,实现上表示一个iframe,是这个技术方案中的一个基本概念。Information piece app: An object abstracted at the software level, logically used to represent block data information, such as a web page, and an implementation of an iframe is a basic concept in this technical solution.
实施例1Example 1
图3是本发明实施例提供的一种视频数据的控制系统的结构示意图,如图3所示,该控制系统可以包括:显示设备10、服务器30和控制设备50。 FIG. 3 is a schematic structural diagram of a video data control system according to an embodiment of the present invention. As shown in FIG. 3, the control system may include: a display device 10, a server 30, and a control device 50.
其中,显示设备10,包括多个显示屏幕0、1、……、n,每个显示屏幕用于显示页面内容;服务器30,与显示设备10连接,用于保存与页面内容关联的显示配置信息,其中,显示配置信息包括:显示设备的桌面信息以及显示设备所包括的每个显示屏幕展示的显示对象的对象信息;控制设备50,与服务器30连接,用于根据获取到的显示配置信息绘制对应的操作界面,并在检测到操作行为,生成对应的操作事件,其中,操作界面包括:与桌面信息对应的模拟桌面和与显示对象对应的模拟对象;其中,服务器还用于接收操作事件,并根据操作事件控制在显示设备上执行与操作行为相同的操作。The display device 10 includes a plurality of display screens 0, 1, . . . , n, each of which is used to display page content. The server 30 is connected to the display device 10 and is configured to save display configuration information associated with the page content. The display configuration information includes: desktop information of the display device and object information of the display object displayed by each display screen included in the display device; the control device 50 is connected to the server 30, and is configured to draw according to the acquired display configuration information. Corresponding operation interface, and detecting an operation behavior, generating a corresponding operation event, wherein the operation interface includes: an analog desktop corresponding to the desktop information and a simulation object corresponding to the display object; wherein the server is further configured to receive an operation event, And the same operation as the operation behavior is performed on the display device according to the operation event control.
本申请提供的上述实施例中,控制设备从服务器获取显示设备的显示配置信息,并根据显示配置信息绘制对应的操作界面,在用户使用该操作界面进行相应的操作时,控制设备可以检测到上述操作行为,从而生成对应的操作事件,此时服务器会响应该操作事件,并基于操作事件控制在显示设备上执行与操作行为相同的操作。由此可知,控制设备一端可以抽象展示大屏的显示设备中对应的显示对象app的信息展示给用户,并接收用户输入的交互指令和控制指令,并转化为服务器系统可识别的操作事件的指令发送给服务器server,进而服务器server可以根据不同指令做相应逻辑处理,由于上述控制设备可以通过服务器来实现,将控制设备本地的操作事件同步至对应的显示设备上,实现了用户可以通过控制设备灵活的对大屏幕的显示设备的操作过程,降低了大屏幕显示设备的展示信息的交互灵活性。In the foregoing embodiment provided by the present application, the control device acquires display configuration information of the display device from the server, and draws a corresponding operation interface according to the display configuration information. When the user performs the corresponding operation by using the operation interface, the control device may detect the above. The action is actuated to generate a corresponding operational event, at which point the server responds to the operational event and controls the same operation on the display device as the operational behavior based on the operational event. It can be seen that one end of the control device can display the information of the corresponding display object app in the display device of the large screen to the user, and receive the interactive instruction and control instruction input by the user, and convert the instruction into an operation event recognizable by the server system. Sending to the server server, the server server can perform corresponding logic processing according to different instructions. Since the above control device can be implemented by the server, the local operation event of the control device is synchronized to the corresponding display device, so that the user can flex through the control device. The operation of the display device for the large screen reduces the interactive flexibility of the display information of the large screen display device.
上述解决方案还进一步定义了一套操作事件的分发机制,使得各种控制设备都能接入显示设备的系统,完成对展现内容的灵活控制。The above solution further defines a set of operation event distribution mechanism, so that various control devices can access the display device system to complete flexible control of the displayed content.
此处需要说明的是上述桌面信息至少可以包括:显示设备的桌面尺寸;显示对象的对象信息至少包括:显示对象的尺寸、位于显示设备中的位置信息、显示内容和显示深度。上述操作事件可以包括如下至少之一:点击事件、缩放事件、移动事件和滚动事件。It should be noted that the desktop information may include at least: a desktop size of the display device; and the object information of the display object includes at least: a size of the display object, location information in the display device, display content, and display depth. The above operational events may include at least one of the following: a click event, a zoom event, a move event, and a scroll event.
具体的,如图3所示,上述显示设备10是完整的大屏显示设备,例如可以是超大的长方形桌面,在这个长方形桌面上放了多个显示内容不同的对象信息(即可以是信息片app1、app2、app3和app4),上述每个App可以放置在大桌面上的任意位置,app的尺寸也可以在桌面允许的范围内扩展。Specifically, as shown in FIG. 3, the display device 10 is a full-screen large-screen display device, for example, an oversized rectangular desktop, on which a plurality of object information having different display contents are placed (ie, may be information pieces). App1, app2, app3, and app4), each of these apps can be placed anywhere on the large desktop, and the size of the app can be extended to the extent allowed by the desktop.
例如,以获取显示对象位于显示设备中的位置信息为例,需要先获知每个显示屏幕在显示设备中的位置,首先可以将大屏抽象为[M x N]的小屏矩阵拼接成的桌面系统,矩阵中的每个点代表一块物理显示屏幕screen,所有的screen分辨率都相同,比如都为1400x1050。每个screen特有的属性是其在矩阵中的位置(x,y),例如如图3所示的显示设备 中,display0这块显示屏幕screen的位置是(0,0),而display6这块screen的位置是(1,2)。每个显示屏幕screen里运行的是一个全屏的chrome浏览器,访问的地址是server提供的display.html?id=(x,y)。通过id参数可以告知server自己代表哪一块screen。For example, in order to obtain the location information of the display object in the display device, it is necessary to first know the position of each display screen in the display device, firstly, the large screen can be abstracted into a desktop of the [M x N] small screen matrix. System, each point in the matrix represents a physical display screen screen, all screen resolutions are the same, such as 1400x1050. Each screen-specific attribute is its position in the matrix (x, y), such as the display device shown in Figure 3. In the display0 display block screen position is (0,0), and the display6 screen position is (1,2). Each display screen runs a full-screen chrome browser. The address accessed is the display.html provided by the server. Id=(x,y). The id parameter tells the server which screen it represents.
上述服务器30可以实现管理显示对象的资源文件,并作为网络服务器webserver对外部设备提供资源服务,同时可以对每个对象信息创建和删除对应的app instance,以及所有app在抽象桌面中的位置信息,并保存有所有大显示屏中每个display显示屏幕的连接情况,并可以将关键信息(比如app和screen)的数据实时广播给对应的控制设备。The server 30 can implement the resource file for managing the display object, and provides the resource service to the external device as the web server webserver, and can create and delete the corresponding app instance for each object information, and the location information of all the apps in the abstract desktop. It also saves the connection status of each display display screen in all large display screens, and can broadcast the data of key information (such as app and screen) to the corresponding control device in real time.
上述控制设备50抽象展示大屏的显示设备10和服务器中app的信息展示给用户,接受用户的交互和控制指令,并转化为系统可识别的指令发送给服务器server,服务器server根据不同指令做相应逻辑处理。The above control device 50 abstractly displays the display device 10 of the large screen and the information of the app in the server to the user, accepts the user's interaction and control instructions, and converts the instructions into system identifiable and sends them to the server server, and the server server responds according to different instructions. Logical processing.
一种可选实施例中,控制设备可以向服务器发送器请求信息,用于获取显示设备的显示系统桌面的显示配置信息,显示配置信息可以包括桌面配置的桌面信息(例如显示设备的总长宽),以及拼接该显示设备的每个显示屏幕的显示对象的对象信息。In an optional embodiment, the control device may send information to the server transmitter for obtaining display configuration information of the display system desktop of the display device, where the display configuration information may include desktop information configured by the desktop (for example, total length and width of the display device). And object information splicing the display object of each display screen of the display device.
由上可知,本发明实现了一种如图4所示的示例,控制设备设计了一套合理的事件分发系统,例如模拟图4中windows桌面的事件分发机制,该操作事件的分发系统通过服务器对显示屏幕上的显示对象进行同步控制。从而实现了灵活的交互控制。It can be seen from the above that the present invention implements an example as shown in FIG. 4, and the control device designs a reasonable event distribution system, for example, simulates the event distribution mechanism of the Windows desktop in FIG. 4, and the distribution system of the operation event passes through the server. Synchronize control of the display objects on the display screen. Thereby achieving flexible interactive control.
由此可知,通过本发明提供的设计方案,至少可以解决传统方案中遇到至少如下两个问题:Therefore, it can be seen that at least the following two problems are encountered in the conventional solution by the design provided by the present invention:
不用远程登录信号PC,直接在控制端打开希望呈现的web page。Instead of remotely logging in to the PC, the web page that you want to render is opened directly on the console.
不需要专业IT的介入,脱离大屏硬件厂商的限制,直接在iPad上方便的摆放web page在大屏上的位置和尺寸。No need for professional IT intervention, away from the limitations of large-screen hardware manufacturers, directly on the iPad to place the position and size of the web page on the big screen.
实施例2Example 2
根据本发明实施例,还提供了一种显示数据的控制的方法实施例,需要说明的是,在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行,并且,虽然在流程图中示出了逻辑顺序,但是在某些情况下,可以以不同于此处的顺序执行所示出或描述的步骤。In accordance with an embodiment of the present invention, there is also provided an embodiment of a method of controlling the display of data, it being noted that the steps illustrated in the flowchart of the figures may be performed in a computer system such as a set of computer executable instructions, Also, although logical sequences are shown in the flowcharts, in some cases the steps shown or described may be performed in a different order than the ones described herein.
本申请实施例一所提供的方法实施例可以在移动终端、计算机终端或者类似的运算装置中执行。图5示出了一种用于实现显示数据的控制方法的计算机终端(或移动设备)的硬件结构框图。如图5所示,计算机终端10(或移动设备10)可以包括一个或多个(图 中采用102a、102b,……,102n来示出)处理器102(处理器102可以包括但不限于微处理器MCU或可编程逻辑器件FPGA等的处理装置)、用于存储数据的存储器104、以及用于通信功能的传输模块。除此以外,还可以包括:显示器、输入/输出接口(I/O接口)、通用串行总线(USB)端口(可以作为I/O接口的端口中的一个端口被包括)、网络接口、电源和/或相机。本领域普通技术人员可以理解,图1所示的结构仅为示意,其并不对上述电子装置的结构造成限定。例如,计算机终端10还可包括比图5中所示更多或者更少的组件,或者具有与图5所示不同的配置。The method embodiment provided in Embodiment 1 of the present application can be executed in a mobile terminal, a computer terminal or the like. FIG. 5 shows a hardware block diagram of a computer terminal (or mobile device) for implementing a control method of displaying data. As shown in FIG. 5, computer terminal 10 (or mobile device 10) may include one or more (figure The processor 102 is illustrated by 102a, 102b, ..., 102n (the processor 102 may include, but is not limited to, a processing device such as a microprocessor MCU or a programmable logic device FPGA), a memory 104 for storing data, And a transmission module for communication functions. In addition, it can also include: display, input/output interface (I/O interface), universal serial bus (USB) port (which can be included as one of the ports of the I/O interface), network interface, power supply And / or camera. It will be understood by those skilled in the art that the structure shown in FIG. 1 is merely illustrative and does not limit the structure of the above electronic device. For example, computer terminal 10 may also include more or fewer components than shown in FIG. 5, or have a different configuration than that shown in FIG.
应当注意到的是上述一个或多个处理器102和/或其他数据处理电路在本文中通常可以被称为“数据处理电路”。该数据处理电路可以全部或部分的体现为软件、硬件、固件或其他任意组合。此外,数据处理电路可为单个独立的处理模块,或全部或部分的结合到计算机终端10(或移动设备)中的其他元件中的任意一个内。如本申请实施例中所涉及到的,该数据处理电路作为一种处理器控制(例如与接口连接的可变电阻终端路径的选择)。It should be noted that one or more of the above-described processors 102 and/or other data processing circuits may be referred to herein generally as "data processing circuits." The data processing circuit may be embodied in whole or in part as software, hardware, firmware or any other combination. Moreover, the data processing circuitry can be a single, separate processing module, or incorporated in whole or in part into any of the other components in computer terminal 10 (or mobile device). As referred to in the embodiments of the present application, the data processing circuit is controlled as a processor (e.g., selection of a variable resistance terminal path connected to the interface).
存储器104可用于存储应用软件的软件程序以及模块,如本发明实施例中的显示数据的控制方法对应的程序指令/数据存储装置,处理器102通过运行存储在存储器104内的软件程序以及模块,从而执行各种功能应用以及数据处理,即实现上述的应用程序的漏洞检测方法。存储器104可包括高速随机存储器,还可包括非易失性存储器,如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。在一些实例中,存储器104可进一步包括相对于处理器102远程设置的存储器,这些远程存储器可以通过网络连接至计算机终端10。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。The memory 104 can be used to store software programs and modules of application software, such as program instructions/data storage devices corresponding to the control method for displaying data in the embodiment of the present invention, and the processor 102 runs the software programs and modules stored in the memory 104. Thereby performing various functional applications and data processing, that is, implementing the vulnerability detection method of the above application. Memory 104 may include 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, memory 104 may further include memory remotely located relative to processor 102, which may be coupled to computer terminal 10 via a network. Examples of such networks include, but are not limited to, the Internet, intranets, local area networks, mobile communication networks, and combinations thereof.
传输装置用于经由一个网络接收或者发送数据。上述的网络具体实例可包括计算机终端10的通信供应商提供的无线网络。在一个实例中,传输装置可以包括一个网络适配器(Network Interface Controller,NIC),其可通过基站与其他网络设备相连从而可与互联网进行通讯。在一个实例中,传输装置可以为射频(Radio Frequency,RF)模块,其用于通过无线方式与互联网进行通讯。The transmission device is for receiving or transmitting data via a network. The network specific examples described above may include a wireless network provided by a communication provider of the computer terminal 10. In one example, the transmission device can include a Network Interface Controller (NIC) that can be connected to other network devices through the base station to communicate with the Internet. In one example, the transmission device can be a Radio Frequency (RF) module for communicating with the Internet wirelessly.
此处需要说明的是,在一些实施例中,上述图5所示的计算机设备(或移动设备)具有触摸显示器(也被称为“触摸屏”或“触摸显示屏”),该触摸显示器可使得用户能够与计算机终端10(或移动设备)的用户界面进行交互。在一些实施例中,上述图1所示的计算机设备(或移动设备)具有图像用户界面(GUI),用户可以通过触摸触敏 表面上的手指接触和/或手势来与GUI进行人机交互,此处的人机交互功能可选的包括如下交互:创建网页、绘图、文字处理、制作电子文档、游戏、视频会议、即时通信、收发电子邮件、通话界面、播放数字视频、播放数字音乐和/或网络浏览等、用于执行上述人机交互功能的可执行指令被配置/存储在一个或多个处理器可执行的计算机程序产品或可读存储介质中。It should be noted here that in some embodiments, the computer device (or mobile device) shown in FIG. 5 described above has a touch display (also referred to as a “touch screen” or “touch display screen”), which can make The user is able to interact with the user interface of computer terminal 10 (or mobile device). In some embodiments, the computer device (or mobile device) shown in FIG. 1 described above has an image user interface (GUI) that can be touch sensitive by the user. Finger contact and/or gestures on the surface to interact with the GUI. The human-computer interaction function here optionally includes the following interactions: creating a web page, drawing, word processing, making electronic documents, games, video conferencing, instant messaging. Executable instructions for performing the above-described human-computer interaction functions, such as transmitting and receiving e-mail, a call interface, playing digital video, playing digital music, and/or web browsing, are configured/stored in one or more processor-executable computer programs Product or readable storage media.
在上述运行环境下,本申请提供了如图6所示的显示数据的控制方法。图6是根据本发明实施例一的显示数据的控制方法的流程图。In the above operating environment, the present application provides a method of controlling display data as shown in FIG. 6. FIG. 6 is a flowchart of a method of controlling display data according to a first embodiment of the present invention.
如图6所示,该显示数据的控制方法可以包括如下实施步骤:As shown in FIG. 6, the control method of the display data may include the following implementation steps:
步骤S20,控制设备从服务器获取显示设备的显示配置信息,其中,显示配置信息包括:显示设备的桌面信息以及显示设备所包括的每个显示屏幕展示的显示对象的对象信息。In step S20, the control device acquires display configuration information of the display device from the server, where the display configuration information includes: desktop information of the display device and object information of a display object displayed on each display screen included in the display device.
一种可选实施例中,控制设备可以向服务器发送器请求信息,用于获取显示设备的显示系统桌面的显示配置信息,显示配置信息可以包括桌面配置的桌面信息(例如显示设备的总长宽),以及拼接该显示设备的每个显示屏幕的显示对象的对象信息(例如如图6中的app信息)。In an optional embodiment, the control device may send information to the server transmitter for obtaining display configuration information of the display system desktop of the display device, where the display configuration information may include desktop information configured by the desktop (for example, total length and width of the display device). And object information splicing the display object of each display screen of the display device (for example, app information as in FIG. 6).
由此可知,服务器可以实现管理显示对象的资源文件,并作为网络服务器webserver对外部设备提供资源服务,同时可以对每个对象信息创建和删除对应的app instance,以及所有app在抽象桌面中的位置信息,并保存有所有大显示屏中每个display显示屏幕的连接情况,并可以将关键信息(比如app和screen)的数据实时广播给对应的控制设备。It can be seen that the server can implement the resource file for managing the display object, and provides the resource service to the external device as the web server webserver, and can also create and delete the corresponding app instance for each object information, and the location of all the apps in the abstract desktop. Information, and saves the connection of each display display screen in all large display screens, and can broadcast the data of key information (such as app and screen) to the corresponding control device in real time.
优选地,上述桌面信息至少包括:显示设备的桌面尺寸;显示对象的对象信息至少包括:显示对象的尺寸、位于显示设备中的位置信息、显示内容和显示深度z-index,显示深度z-index用于表示当多个显示对象app在同一个位置有重叠的时候,每个显示对象处于图层中的位置,例如可以区别开哪一个显示对象处于其他显示对象的上层。Preferably, the desktop information includes at least: a desktop size of the display device; and the object information of the display object includes at least: a size of the display object, location information in the display device, display content and display depth z-index, display depth z-index It is used to indicate that when a plurality of display object apps overlap at the same position, each display object is in a position in the layer, for example, it can be distinguished which display object is on the upper layer of other display objects.
例如,以获取显示对象位于显示设备中的位置信息为例,需要先获知每个显示屏幕在显示设备中的位置,首先可以将大屏抽象为[M x N]的小屏矩阵拼接成的桌面系统,矩阵中的每个点代表一块物理显示屏幕screen,所有的screen分辨率都相同,比如都为1400x1050。每个screen特有的属性是其在矩阵中的位置(x,y),例如如图3所示的显示设备中,display0这块显示屏幕screen的位置是(0,0),而display6这块screen的位置是(1,2)。每个screen里运行的是一个全屏的chrome浏览器,访问的地址是server提供的display.html?id=(x,y)。通过id参数可以告知server自己代表哪一块screen For example, in order to obtain the location information of the display object in the display device, it is necessary to first know the position of each display screen in the display device, firstly, the large screen can be abstracted into a desktop of the [M x N] small screen matrix. System, each point in the matrix represents a physical display screen screen, all screen resolutions are the same, such as 1400x1050. The unique attribute of each screen is its position in the matrix (x, y). For example, in the display device shown in Figure 3, the position of display0 screen display screen is (0,0), and display6 is the screen. The location is (1, 2). Each screen runs a full-screen chrome browser. The address accessed is the display.html provided by the server. Id=(x,y). The id parameter tells the server which screen it represents.
一种可选实施例中,以图7所示的在控制设备中显示各个显示对象的对象信息为例中,在显示设备的桌面可以为如图7所示的长方形桌面,在这个长方形桌面上放了多个显示内容不同的对象信息(即可以是信息片app1、app2、app3和app4),上述每个App可以放置在大桌面上的任意位置,app的尺寸也可以在桌面允许的范围内扩展。In an optional embodiment, as shown in FIG. 7 , the object information of each display object is displayed in the control device. In the example, the desktop of the display device may be a rectangular desktop as shown in FIG. 7 , and the rectangular desktop is displayed on the rectangular desktop. Multiple object information with different display contents (ie, information pieces app1, app2, app3, and app4) can be placed. Each of the above apps can be placed anywhere on the large desktop, and the size of the app can also be within the range allowed by the desktop. Expansion.
步骤S22,控制设备根据显示配置信息绘制对应的操作界面,其中,操作界面包括:与桌面信息对应的模拟桌面和与显示对象对应的模拟对象。Step S22: The control device draws a corresponding operation interface according to the display configuration information, where the operation interface includes: an analog desktop corresponding to the desktop information and a simulated object corresponding to the display object.
具体的,在控制设备可以根据显示配置信息绘制一个模拟的桌面和模拟对象app的显示图,用户可以根据控制设备中当前显示的图像来获取当前大显示屏设备中各个显示屏幕的内容的布局情况。Specifically, the control device may draw a display diagram of the simulated desktop and the simulated object app according to the display configuration information, and the user may obtain the layout of the content of each display screen in the current large display device according to the image currently displayed in the control device. .
步骤S24,控制设备的操作界面检测到操作行为,生成对应的操作事件,其中,操作事件用于控制在显示设备上执行与操作行为相同的操作。Step S24, the operation interface of the control device detects the operation behavior, and generates a corresponding operation event, wherein the operation event is used to control the same operation on the display device as the operation behavior.
进而可以收集用户的交互事件,例如在控制设备为移动端的情况下,可以采用hammer.js库收集用户手势操作,优选地,上述操作事件包括如下至少之一:点击事件、缩放事件、移动事件和滚动事件。The user interaction event can be collected, for example, in the case that the control device is a mobile terminal, the user gesture operation can be collected by using the hammer.js library. Preferably, the operation event includes at least one of the following: a click event, a zoom event, a move event, and Scroll events.
以操作事件为缩放事件和移动事件为例,用户可以通过在控制设备上移动和缩放app来控制显示设备上对应的显示屏幕中的显示对象执行移动和缩放。上述显示设备作为一种大屏的显示屏幕,显示设备的桌面可以抽象为桌面容器,显示设备显示的对象信息可以抽象为容器内的信息片app,由此,大屏的显示设备展现的结果可以抽象为多个显示对象app的组合。Taking the operation event as a zoom event and a move event as an example, the user can control the display object in the corresponding display screen on the display device to perform movement and zoom by moving and zooming the app on the control device. The display device is a large-screen display screen, and the desktop of the display device can be abstracted into a desktop container, and the object information displayed by the display device can be abstracted into an information piece app in the container, thereby displaying the result of the large-screen display device. Abstract is a combination of multiple display object apps.
由上可知,本申请提供的上述实施例中,控制设备从服务器获取显示设备的显示配置信息,并根据显示配置信息绘制对应的操作界面,在用户使用该操作界面进行相应的操作时,控制设备可以检测到上述操作行为,从而生成对应的操作事件,此时服务器会响应该操作事件,并基于操作事件控制在显示设备上执行与操作行为相同的操作。由此可知,控制设备一端可以抽象展示大屏的显示设备中对应的显示对象app的信息展示给用户,并接收用户输入的交互指令和控制指令,并转化为服务器系统可识别的操作事件的指令发送给服务器server,进而服务器server可以根据不同指令做相应逻辑处理,由于上述控制设备可以通过服务器来实现,将控制设备本地的操作事件同步至对应的显示设备上,实现了用户可以通过控制设备灵活的对大屏幕的显示设备的操作过程,降低了大屏幕显示设备的展示信息的交互灵活性。It can be seen that, in the foregoing embodiment provided by the present application, the control device acquires display configuration information of the display device from the server, and draws a corresponding operation interface according to the display configuration information, and controls the device when the user performs corresponding operations by using the operation interface. The above operational behavior can be detected to generate a corresponding operational event, at which time the server responds to the operational event and controls the same operation on the display device as the operational behavior based on the operational event. It can be seen that one end of the control device can display the information of the corresponding display object app in the display device of the large screen to the user, and receive the interactive instruction and control instruction input by the user, and convert the instruction into an operation event recognizable by the server system. Sending to the server server, the server server can perform corresponding logic processing according to different instructions. Since the above control device can be implemented by the server, the local operation event of the control device is synchronized to the corresponding display device, so that the user can flex through the control device. The operation of the display device for the large screen reduces the interactive flexibility of the display information of the large screen display device.
上述解决方案还进一步定义了一套操作事件的分发机制,使得各种控制设备都能接 入显示设备的系统,完成对展现内容的灵活控制。The above solution further defines a distribution mechanism for operating events, so that various control devices can be connected. Enter the system of the display device to complete flexible control of the displayed content.
一种可选实施例中,在步骤S24执行控制设备的操作界面检测到操作行为,生成对应的操作事件之后,还可以执行如下实施步骤:In an optional embodiment, after the operation interface of the control device is detected in step S24, the operation behavior is detected, and after the corresponding operation event is generated, the following implementation steps may also be performed:
步骤S241,将操作事件发送给服务器。In step S241, an operation event is sent to the server.
步骤S243,服务器控制显示设备上展示的显示对象执行操作事件所对应的应用逻辑。Step S243, the server controls the application logic corresponding to the display object execution operation event displayed on the display device.
由此可知,上述步骤S241和步骤S243所实现方案中,控制设备端可以将用户的交互行为转化为服务器server端可识别的操作pointer事件发送给服务器server,服务器server运行对应的应用逻辑后,还可以更新app(应用)信息,并广播给控制设备,使得控制设备一端可以更新模拟的操作界面中的控件(mock UI)。以上应用逻辑的判断可以运行在服务器server端,而操作事件(例如鼠标似乎)的触发则由控制设备一端来实现,控制设备模拟得到的UI如图8所示。It can be seen that, in the implementation of the foregoing steps S241 and S243, the control device can convert the interaction behavior of the user into an operation pointer event identifiable by the server server and send it to the server server. After the server server runs the corresponding application logic, The app information can be updated and broadcast to the control device so that one end of the control device can update the mock UI in the simulated user interface. The above application logic can be run on the server side of the server, and the trigger of the operation event (such as the mouse seems to be) is implemented by the control device. The UI obtained by the control device is shown in Figure 8.
优选地,为了在控制设备一端实现灵活的交互控制,需要设计一套合理的事件分发系统。例如以显示设备的操作系统为windows的情况下,控制设备可以实现模拟windows桌面的事件分发机制,定义的事件分发系统描述如下:将每个显示对象app的类对应为windows系统的一个应用窗口,将服务器server的类对应为windows系统,将来自控制设备一端的操作事件的控制命令的类对应为鼠标操作。Preferably, in order to implement flexible interactive control on one end of the control device, a reasonable event distribution system needs to be designed. For example, when the operating system of the display device is windows, the control device can implement an event distribution mechanism for simulating the windows desktop. The defined event distribution system is described as follows: the class of each display object app is corresponding to an application window of the windows system. The class of the server server is corresponding to the windows system, and the class of the control command from the operation event of one end of the control device is corresponding to the mouse operation.
基于以上设计,抽象出以下事件消息:Based on the above design, the following event message is abstracted:
pointerPress(point,button)模拟鼠标点下(button区分左右键)pointerPress (point, button) simulates the mouse point (button distinguishes the left and right buttons)
pointerRelease(point,button)模拟鼠标放开(button区分左右键)pointerRelease(point,button) simulates mouse release (button distinguishes left and right buttons)
pointerMove(point)模拟鼠标移动pointerMove(point) simulates mouse movement
pointerScroll(point,wheelDelta)模拟鼠标中键滚动,用于放大或缩小app。pointerScroll(point, wheelDelta) simulates the middle mouse button scrolling to zoom in or out of the app.
由此可知,上述执行操作事件所对应的应用逻辑至少可以包括如下几种应用方式:Therefore, the application logic corresponding to the foregoing execution operation event may include at least the following application modes:
方式一:在操作事件为点击事件的情况下,服务器选择显示深度最高的显示对象执行点击事件。Method 1: In the case that the operation event is a click event, the server selects the display object with the highest display depth to execute the click event.
具体的,如图9a所示,在检测到点击事件之后,从所有显示对象中查找到被选中的且显示深度最高的显示对象,并对该对象执行点击操作,从而实现从控制设备的显示屏中选中要操作的对象,并将该对象的点击指令进行保存或缓存selectdApp.prevPt=pointer。Specifically, as shown in FIG. 9a, after detecting the click event, the selected display object with the highest display depth is found from all display objects, and a click operation is performed on the object, thereby implementing a display screen of the slave control device. Select the object to be operated and save the object's click command or cache selectdApp.prevPt=pointer.
方式二:在操作事件为移动事件的情况下,服务器对选中的显示对象执行移动事件。Method 2: In the case that the operation event is a mobile event, the server performs a movement event on the selected display object.
具体的,如图9b所示,在检测到移动事件之后,查找是否存在被选中的显示对象, 如果有,则将选中的显示对象移动至目标位置,并保存该对象的移动指令,即对选中的需要执行移动的显示对象的指针进行保存selectdApp.prevPt=pointer。Specifically, as shown in FIG. 9b, after detecting the motion event, searching for whether there is a selected display object, If there is, the selected display object is moved to the target position, and the movement instruction of the object is saved, that is, the selected pointer of the display object that needs to be moved is saved selectdApp.prevPt=pointer.
方式三:在操作事件为鼠标抬起事件、缩放事件或浏览事件的情况下,服务器对选中的显示对象执行缩放事件。Mode 3: In the case that the operation event is a mouse lift event, a zoom event, or a browse event, the server performs a zoom event on the selected display object.
具体的,如图9c所示,如果检测到鼠标抬起事件,则放弃选中的显示对象。另外,在检测到缩放事件或浏览事件之后,查找是否存在被选中的显示对象,如果有,则将选中的显示对象进行缩放或浏览目标区域内的显示对象,并保存该对象的指令。Specifically, as shown in FIG. 9c, if a mouse lift event is detected, the selected display object is discarded. In addition, after detecting the zoom event or the browsing event, it is searched whether there is a selected display object, and if so, the selected display object is zoomed or browsed to display the display object in the target area, and the instruction of the object is saved.
方式四:在操作事件为滚动事件的情况下,服务器对浏览到的显示对象执行滚动事件。Mode 4: In the case that the operation event is a scroll event, the server performs a scroll event on the browsed display object.
具体的,如图9d所示,在检测到滚动之后,查找是否存在被选中的显示对象,如果有,则将选中的显示对象进行滚动式的浏览,并保存该对象的滚动指令。Specifically, as shown in FIG. 9d, after the scroll is detected, it is searched whether there is a selected display object, and if so, the selected display object is scrolled and the scroll instruction of the object is saved.
一种可选实施例中,在执行步骤S243服务器控制显示设备上展示的显示对象执行操作事件所对应的应用逻辑之后,还可以实施如下步骤:In an optional embodiment, after performing the step S243 to control the application logic corresponding to the display object execution operation event displayed on the display device, the following steps may be implemented:
步骤S245,服务器根据操作事件的执行结果更新对应的显示对象的对象信息,得到新的显示配置信息。Step S245, the server updates the object information of the corresponding display object according to the execution result of the operation event, and obtains new display configuration information.
步骤S246,服务器将新的显示配置信息返回给控制设备,使得控制设备显示新的操作界面。In step S246, the server returns the new display configuration information to the control device, so that the control device displays a new operation interface.
一种可选实施例中,在步骤S20执行控制设备从服务器获取显示设备的显示配置信息之前,还可以实施如下步骤:In an optional embodiment, before the execution of the display configuration information of the display device is obtained from the server in step S20, the following steps may be implemented:
步骤S10,服务器接收到控制设备发送的对象打开指令,其中,对象打开指令至少包括:待显示对象的访问地址;In step S10, the server receives an object open instruction sent by the control device, where the object open command includes at least: an access address of the object to be displayed;
步骤S12,服务器根据对象打开指令创建待显示对象的对象信息,其中,待显示对象的对象信息至少包括:待显示对象的尺长、显示深度和位置信息;Step S12: The server creates object information of the object to be displayed according to the object opening instruction, where the object information of the object to be displayed includes at least: a ruler length, a display depth, and position information of the object to be displayed;
步骤S14,服务器控制显示设备显示待显示对象。In step S14, the server controls the display device to display the object to be displayed.
图10是根据本发明实施例的控制设备的业务交互图。结合图10所示的实施例,对于如何打开一个新的信息片app,处理流程如下:FIG. 10 is a diagram of a service interaction of a control device according to an embodiment of the present invention. In conjunction with the embodiment shown in FIG. 10, the process flow is as follows for how to open a new information tablet app:
步骤90,控制设备一端接收到用户输入的待显示对象的访问地址,此处的访问地址可以是网页地址(webpage url);Step 90: The control device receives the access address of the object to be displayed input by the user, where the access address may be a webpage url;
步骤92,控制设备发送对象打开指令给服务器,进而打开显示设备上的APP该指令携带了待显示对象的访问地址这个参数; Step 92: The control device sends an object open command to the server, and then opens the APP on the display device. The instruction carries the access address of the object to be displayed.
步骤94,服务器根据该指令创建新的对象信息,包括对象信息所对应的显示屏幕在大屏幕显示设备上的位置和尺寸。Step 94: The server creates new object information according to the instruction, including the position and size of the display screen corresponding to the object information on the large-screen display device.
步骤S96,服务器发送上述创建的新的对象信息至显示设备,使得显示设备获取该对象信息APP对应的DOM,从而在显示设备的对应位置显示该对象。In step S96, the server sends the created new object information to the display device, so that the display device acquires the DOM corresponding to the object information APP, so that the object is displayed at the corresponding position of the display device.
优选地,上述步骤S14服务器控制显示设备显示待显示对象可以包括如下可选的实施方案:Preferably, the step S14 described above by the server controlling the display device to display the object to be displayed may include the following optional embodiments:
步骤S141,显示设备从服务器下载与待显示对象相关的对象信息.Step S141, the display device downloads object information related to the object to be displayed from the server.
步骤S143,显示设备生成与待显示对象对应的DOM数据。Step S143, the display device generates DOM data corresponding to the object to be displayed.
步骤S145,显示设备按照任意一个或多个显示屏幕的屏幕信息加载并显示DOM数据。Step S145, the display device loads and displays the DOM data according to the screen information of any one or more display screens.
由上分析可知,上述步骤S141至步骤S145所提供的实施方案中,在大屏幕的显示设备中实现显示屏幕中的屏幕信息需要包括如下几个关键点:首先,每个显示屏幕screen都会将所有运行的app相关的class定义文件(js文件)下载下来,并在当前运行环境生成app instance;每个app instance实际对应的是一个dom节点,所以app instance生成之后实际上挂在到相应的dom上,以此实现最终的视觉呈现。app的定义文件本质上是一个reactjs组件的定义,而reactjs组件可以很方便的mount到一个dom上每个screen都有其标识,比如标示id为(i,j)的screen,会将容器内的所有app都做一定偏移,实现手段是对app的容器dom进行translate(offsetX,offsetY),其中offsetX=(1400*i+app.x),offsetY=(1050*j+app.y)。It can be seen from the above analysis that in the implementation provided in the above steps S141 to S145, the implementation of the screen information in the display screen in the display device of the large screen needs to include the following key points: First, each display screen screen will be all The running class related definition file (js file) is downloaded, and the app instance is generated in the current running environment; each app instance actually corresponds to a dom node, so the app instance is actually hanged on the corresponding dom after being generated. In order to achieve the final visual presentation. The app definition file is essentially a definition of a reactjs component, and the reactjs component can be easily mounted to a dom. Each screen has its own identifier. For example, a screen with an id of (i, j) will be inside the container. All apps do a certain offset, the implementation is to translate (offsetX, offsetY) to the container dom of the app, where offsetX=(1400*i+app.x), offsetY=(1050*j+app.y).
图11是根据本发明的实施例的控制设备与服务器交互的流程示意图。下面基于图11所示的实施例对本发明的控制设备一端与服务器server的数据流程的核心方案进行详细描述如下:11 is a flow diagram of a control device interacting with a server in accordance with an embodiment of the present invention. The core scheme of the data flow of the control device end and the server server of the present invention is described in detail below based on the embodiment shown in FIG. 11 as follows:
步骤S101,控制设备向服务器server请求获知系统的桌面配置(大屏的总长宽),以及所有app的信息,包括app的位置,长宽,以及z-index,当app位置有重叠的时候表征谁在更上层。Step S101, the control device requests the server server to know the desktop configuration of the system (the total length and width of the large screen), and the information of all the apps, including the location, length and width, and z-index of the app, and who is represented when the app positions overlap. On the upper level.
步骤S103,根据以上信息绘制一个mock的桌面和app图,提示用户当前的布局情况,以及收集用户的交互事件,移动端用hammer.js库收集用户手势操作。Step S103: Draw a mock desktop and an app diagram according to the above information, prompt the user for the current layout situation, and collect the user interaction event, and the mobile terminal collects the user gesture operation by using the hammer.js library.
步骤S105,用户通过移动和缩放app来控制系统。In step S105, the user controls the system by moving and zooming the app.
步骤S107,控制端将用户的交互行为转化为server端可识别的pointer事件发送给server。 In step S107, the control end converts the interaction behavior of the user into a pointer event identifiable by the server end and sends it to the server.
步骤S109,服务器server运行对应逻辑后,更新对象app信息,并广播给控制设备一端。Step S109: After the server server runs the corresponding logic, the object app information is updated and broadcast to one end of the control device.
步骤S111,控制设备一端更新虚拟的控件对象mock UI。In step S111, the control device updates the virtual control object mock UI at one end.
由此可知,通过本发明提供的设计方案,至少可以解决传统方案中遇到至少如下两个问题:Therefore, it can be seen that at least the following two problems are encountered in the conventional solution by the design provided by the present invention:
不用远程登录信号PC,直接在控制端打开希望呈现的web page。Instead of remotely logging in to the PC, the web page that you want to render is opened directly on the console.
不需要专业IT的介入,脱离大屏硬件厂商的限制,直接在iPad上方便的摆放web page在大屏上的位置和尺寸。No need for professional IT intervention, away from the limitations of large-screen hardware manufacturers, directly on the iPad to place the position and size of the web page on the big screen.
同时,不仅仅上述的两种控制问题得以解决,我们通过写简单的脚本,还能获得很多传统方案无法实现的功能,比如控制app从大屏右侧滑入,左侧划出,以及滑入滑出的时间和变化的快慢都可以精确控制。这些都在情报三期项目中得到较好的应用。At the same time, not only the above two control problems are solved, but by writing simple scripts, we can also get many functions that are not possible with traditional solutions, such as controlling the app to slide in from the right side of the big screen, draw on the left side, and slide in. The time of slipping out and the speed of change can be precisely controlled. These have been well applied in the third phase of the intelligence project.
需要说明的是,对于前述的各方法实施例,为了简单描述,故将其都表述为一系列的动作组合,但是本领域技术人员应该知悉,本发明并不受所描述的动作顺序的限制,因为依据本发明,某些步骤可以采用其他顺序或者同时进行。其次,本领域技术人员也应该知悉,说明书中所描述的实施例均属于优选实施例,所涉及的动作和模块并不一定是本发明所必须的。It should be noted that, for the foregoing method embodiments, for the sake of simple description, they are all expressed as a series of action combinations, but those skilled in the art should understand that the present invention is not limited by the described action sequence. Because certain steps may be performed in other sequences or concurrently in accordance with the present invention. In addition, those skilled in the art should also understand that the embodiments described in the specification are all preferred embodiments, and the actions and modules involved are not necessarily required by the present invention.
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到根据上述实施例的方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中,包括若干指令用以使得一台终端设备(可以是手机,计算机,服务器,或者网络设备等)执行本发明各个实施例所述的方法。Through the description of the above embodiments, those skilled in the art can clearly understand that the method according to the above embodiment can be implemented by means of software plus a necessary general hardware platform, and of course, by hardware, but in many cases, the former is A better implementation. Based on such understanding, the technical solution of the present invention, which is essential or contributes to the prior art, may be embodied in the form of a software product stored in a storage medium (such as ROM/RAM, disk, The optical disc includes a number of instructions for causing a terminal device (which may be a cell phone, a computer, a server, or a network device, etc.) to perform the methods described in various embodiments of the present invention.
实施例3Example 3
同样基于图4所示的运行环境下,本申请提供了如图12所示的显示数据的控制方法。图12是根据本发明实施例一的显示数据的控制方法的流程图。Also based on the operating environment shown in FIG. 4, the present application provides a method of controlling display data as shown in FIG. Figure 12 is a flow chart showing a method of controlling display data according to a first embodiment of the present invention.
如图12所示,该显示数据的控制方法可以包括如下实施步骤:As shown in FIG. 12, the method for controlling display data may include the following implementation steps:
步骤S121,服务器获取显示设备的显示配置信息,其中,显示配置信息包括:显示设备的桌面信息以及显示设备所包括的每个显示屏幕展示的显示对象的对象信息;In step S121, the server acquires display configuration information of the display device, where the display configuration information includes: desktop information of the display device and object information of a display object displayed on each display screen included in the display device;
步骤123,服务器根据控制设备在操作界面上检测到的操作行为生成对应的操作事件,其中,操作界面为控制设备根据显示配置信息绘制,操作界面包括:与桌面信息对 应的模拟桌面和与显示对象对应的模拟对象;Step 123: The server generates a corresponding operation event according to the operation behavior detected by the control device on the operation interface, where the operation interface is drawn by the control device according to the display configuration information, and the operation interface includes: The simulated desktop and the simulated object corresponding to the display object;
步骤125,服务器根据操作事件控制在显示设备上执行与操作行为相同的操作。In step 125, the server performs the same operation on the display device as the operation behavior according to the operation event.
由上可知,本申请提供的上述实施例中,控制设备从服务器获取显示设备的显示配置信息,并根据显示配置信息绘制对应的操作界面,在用户使用该操作界面进行相应的操作时,控制设备可以检测到上述操作行为,从而生成对应的操作事件,此时服务器会响应该操作事件,并基于操作事件控制在显示设备上执行与操作行为相同的操作。由此可知,控制设备一端可以抽象展示大屏的显示设备中对应的显示对象app的信息展示给用户,并接收用户输入的交互指令和控制指令,并转化为服务器系统可识别的操作事件的指令发送给服务器server,进而服务器server可以根据不同指令做相应逻辑处理,由于上述控制设备可以通过服务器来实现,将控制设备本地的操作事件同步至对应的显示设备上,实现了用户可以通过控制设备灵活的对大屏幕的显示设备的操作过程,降低了大屏幕显示设备的展示信息的交互灵活性。It can be seen that, in the foregoing embodiment provided by the present application, the control device acquires display configuration information of the display device from the server, and draws a corresponding operation interface according to the display configuration information, and controls the device when the user performs corresponding operations by using the operation interface. The above operational behavior can be detected to generate a corresponding operational event, at which time the server responds to the operational event and controls the same operation on the display device as the operational behavior based on the operational event. It can be seen that one end of the control device can display the information of the corresponding display object app in the display device of the large screen to the user, and receive the interactive instruction and control instruction input by the user, and convert the instruction into an operation event recognizable by the server system. Sending to the server server, the server server can perform corresponding logic processing according to different instructions. Since the above control device can be implemented by the server, the local operation event of the control device is synchronized to the corresponding display device, so that the user can flex through the control device. The operation of the display device for the large screen reduces the interactive flexibility of the display information of the large screen display device.
上述解决方案还进一步定义了一套操作事件的分发机制,使得各种控制设备都能接入显示设备的系统,完成对展现内容的灵活控制。The above solution further defines a set of operation event distribution mechanism, so that various control devices can access the display device system to complete flexible control of the displayed content.
本申请实施例3从服务器一侧来保护本发明的核心,该实施例还可以提供与上述实施例2提供的具有相同或相应的可选或优选的实施例,所实现的实例和应用场景相同,但不限于上述实施例二所公开的内容。Embodiment 3 of the present application protects the core of the present invention from the server side, and the embodiment may also provide the same or corresponding optional or preferred embodiments provided by the foregoing Embodiment 2, and the implemented examples and application scenarios are the same. However, it is not limited to the contents disclosed in the above second embodiment.
实施例4Example 4
根据本发明实施例,还提供了一种用于实施上述显示数据的控制方法的显示数据的控制装置,图13是根据本发明实施例的显示数据的控制装置的示意图。如图13所示,该装置可以包括:获取模块130、绘制模块133和生成模块135。According to an embodiment of the present invention, there is further provided a control device for displaying data for implementing the above-described control method of display data, and FIG. 13 is a schematic diagram of a control device for displaying data according to an embodiment of the present invention. As shown in FIG. 13, the apparatus may include an acquisition module 130, a rendering module 133, and a generation module 135.
其中,获取模块130,用于从服务器获取显示设备的显示配置信息,其中,显示配置信息包括:显示设备的桌面信息以及显示设备所包括的每个显示屏幕展示的显示对象的对象信息;The obtaining module 130 is configured to acquire display configuration information of the display device from the server, where the display configuration information includes: desktop information of the display device and object information of a display object displayed on each display screen included in the display device;
绘制模块133,用于根据显示配置信息绘制对应的操作界面,其中,操作界面包括:与桌面信息对应的模拟桌面和与显示对象对应的模拟对象;The drawing module 133 is configured to draw a corresponding operation interface according to the display configuration information, where the operation interface includes: an analog desktop corresponding to the desktop information and a simulated object corresponding to the display object;
生成模块135,用于如果操作界面检测到操作行为,生成对应的操作事件,其中,操作事件用于控制在显示设备上执行与操作行为相同的操作。The generating module 135 is configured to generate a corresponding operation event if the operation interface detects the operation behavior, wherein the operation event is used to control the same operation performed on the display device as the operation behavior.
此处需要说明的是,上述获取模块130、绘制模块133和生成模块135对应于实施例2中的步骤S20至步骤S24,三个模块与对应的步骤所实现的实例和应用场景相同, 但不限于上述实施例一所公开的内容。需要说明的是,上述模块作为装置的一部分可以运行在实施例二提供的计算机终端10中。It should be noted that the foregoing obtaining module 130, drawing module 133, and generating module 135 correspond to steps S20 to S24 in Embodiment 2, and the three modules are the same as the examples and application scenarios implemented by the corresponding steps. However, it is not limited to the contents disclosed in the first embodiment. It should be noted that the above module can be operated as part of the device in the computer terminal 10 provided in the second embodiment.
本发明实施例4还可以提供对应于上述实施例1提供的可选或优选实施例,所实现的实例和应用场景相同,但不限于上述实施例一所公开的内容。The embodiment 4 of the present invention can also provide an optional or preferred embodiment corresponding to the foregoing embodiment 1. The implemented example and the application scenario are the same, but are not limited to the content disclosed in the first embodiment.
实施例5Example 5
本发明的实施例可以提供一种控制设备,该控制设备可以是计算机终端群中的任意一个控制设备。可选地,在本实施例中,上述控制设备也可以替换为移动终端等终端设备。Embodiments of the present invention may provide a control device, which may be any one of a group of computer terminals. Optionally, in this embodiment, the foregoing control device may also be replaced with a terminal device such as a mobile terminal.
可选地,在本实施例中,上述控制设备可以位于计算机网络的多个网络设备中的至少一个网络设备。Optionally, in this embodiment, the foregoing control device may be located in at least one 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 vulnerability detection method of the application: the control device acquires display configuration information of the display device from the server, where the display configuration information includes: desktop information of the display device and display And the control device displays the corresponding operation interface according to the display configuration information, where the operation interface includes: a simulated desktop corresponding to the desktop information and a simulated object corresponding to the display object; The operation interface of the control device detects the operation behavior and generates a corresponding operation event, wherein the operation event is used to control the same operation performed on the display device as the operation behavior.
可选地,图14是根据本发明实施例的一种控制设备的结构框图。如图14所示,该控制设备14可以包括:一个或多个(图中仅示出一个)处理器、存储器、以及其他必要装置。Optionally, FIG. 14 is a structural block diagram of a control device according to an embodiment of the present invention. As shown in FIG. 14, the control device 14 may include one or more (only one shown) processor, memory, and other necessary devices.
其中,存储器可用于存储软件程序以及模块,如本发明实施例中的安全漏洞检测方法和装置对应的程序指令/模块,处理器通过运行存储在存储器内的软件程序以及模块,从而执行各种功能应用以及数据处理,即实现上述的系统漏洞攻击的检测方法。存储器可包括高速随机存储器,还可以包括非易失性存储器,如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。在一些实例中,存储器可进一步包括相对于处理器远程设置的存储器,这些远程存储器可以通过网络连接至终端14。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。The memory can be used to store software programs and modules, such as the security vulnerability detection method and the program instruction/module corresponding to the device in the embodiment of the present invention. The processor executes various functions by running a software program and a module stored in the memory. Application and data processing, that is, the detection method for implementing the above system vulnerability attack. 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 14 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 processor may call the information and the application stored in the memory by the transmission device to perform the following steps: the control device acquires display configuration information of the display device from the server, where the display configuration information includes: desktop information of the display device and the display device includes Each of the display screens displays object information of the display object; the control device draws a corresponding operation interface according to the display configuration information, wherein the operation interface includes: a simulation table corresponding to the desktop information And an analog object corresponding to the display object; the operation interface of the control device detects the operation behavior, and generates a corresponding operation event, wherein the operation event is used to control the same operation performed on the display device as the operation behavior.
可选的,上述处理器还可以执行如下步骤的程序代码:将操作事件发送给服务器;服务器控制显示设备上展示的显示对象执行操作事件所对应的应用逻辑,其中,在操作事件为点击事件的情况下,服务器选择显示深度最高的显示对象执行点击事件;在操作事件为移动事件的情况下,服务器对选中的显示对象执行移动事件;在操作事件为缩放事件的情况下,服务器对选中的显示对象执行缩放事件;在操作事件为滚动事件的情况下,服务器对浏览到的显示对象执行滚动事件。Optionally, the foregoing processor may further execute the following program code: send an operation event to the server; the server controls application logic corresponding to the display object displayed on the display device, where the operation event is a click event. In case, the server selects the display object with the highest depth to execute the click event; in the case that the operation event is the mobile event, the server performs a movement event on the selected display object; in the case that the operation event is a scaling event, the server displays the selected The object performs a zoom event; in the case where the action event is a scroll event, the server performs a scroll event on the browsed display object.
可选的,上述处理器还可以执行如下步骤的程序代码:服务器根据操作事件的执行结果更新对应的显示对象的对象信息,得到新的显示配置信息;服务器将新的显示配置信息返回给控制设备,使得控制设备显示新的操作界面。Optionally, the processor may further execute the following program code: the server updates the object information of the corresponding display object according to the execution result of the operation event, to obtain new display configuration information; and the server returns the new display configuration information to the control device. So that the control device displays a new operating interface.
可选的,上述处理器还可以执行如下步骤的程序代码:服务器接收到控制设备发送的对象打开指令,其中,对象打开指令至少包括:待显示对象的访问地址;服务器根据对象打开指令创建待显示对象的对象信息,其中,待显示对象的对象信息至少包括:待显示对象的尺长、显示深度和位置信息;服务器控制显示设备显示待显示对象。Optionally, the processor may further execute the following steps: the server receives an object open instruction sent by the control device, where the object open instruction includes at least: an access address of the object to be displayed; and the server creates a to-be-displayed according to the object open instruction. Object information of the object, wherein the object information of the object to be displayed includes at least: a ruler length, a display depth, and position information of the object to be displayed; and the server controls the display device to display the object to be displayed.
可选的,上述处理器还可以执行如下步骤的程序代码:显示设备从服务器下载与待显示对象相关的对象信息;显示设备生成与待显示对象对应的DOM数据;显示设备按照任意一个或多个显示屏幕的屏幕信息加载并显示DOM数据。Optionally, the processor may further execute the following program code: the display device downloads object information related to the object to be displayed from the server; the display device generates DOM data corresponding to the object to be displayed; and the display device follows any one or more The screen information of the display screen loads and displays the DOM data.
采用本发明实施例,提供了一种显示数据的控制方案。通过控制设备从服务器获取显示设备的显示配置信息,并根据显示配置信息绘制对应的操作界面,在用户使用该操作界面进行相应的操作时,控制设备可以检测到上述操作行为,从而生成对应的操作事件,此时服务器会响应该操作事件,并基于操作事件控制在显示设备上执行与操作行为相同的操作,从而达到了用户可以通过控制设备灵活的对大屏幕的显示设备的操作过程,达到了降低大屏幕显示设备的展示信息的交互灵活性的目的,进而解决了现有技术中采用大显示屏展示数据内容时,展示信息的交互过程不灵活的技术问题。With the embodiment of the present invention, a control scheme for displaying data is provided. The control device obtains the display configuration information of the display device from the server, and draws a corresponding operation interface according to the display configuration information. When the user performs the corresponding operation by using the operation interface, the control device may detect the operation behavior, thereby generating a corresponding operation. The event, at this time, the server responds to the operation event, and performs the same operation on the display device as the operation behavior based on the operation event, thereby achieving the operation process of the display device of the large screen that the user can flexibly control by the device, and the operation is achieved. The purpose of reducing the interactive flexibility of the display information of the large-screen display device is to solve the technical problem that the interactive process of displaying information is inflexible when displaying the data content on the large display screen in the prior art.
本领域普通技术人员可以理解,图14所示的结构仅为示意,计算机终端也可以是智能手机(如Android手机、iOS手机等)、平板电脑、掌声电脑以及移动互联网设备(Mobile Internet Devices,MID)、PAD等终端设备。图10其并不对上述电子装置的结构造成限定。例如,计算机终端10还可包括比图10中所示更多或者更少的组件(如网络接口、显示装置等),或者具有与图10所示不同的配置。 A person skilled in the art can understand that the structure shown in FIG. 14 is only a schematic, and the computer terminal can also be a smart phone (such as an Android mobile phone, an iOS mobile phone, etc.), a tablet computer, an applause computer, and a mobile Internet device (Mobile Internet Devices, MID). ), PAD and other terminal devices. FIG. 10 does not limit the structure of the above electronic device. For example, computer terminal 10 may also include more or fewer components (such as a network interface, display device, etc.) than shown in FIG. 10, or have a different configuration than that shown in FIG.
本领域普通技术人员可以理解上述实施例的各种方法中的全部或部分步骤是可以通过程序来指令终端设备相关的硬件来完成,该程序可以存储于一计算机可读存储介质中,存储介质可以包括:闪存盘、只读存储器(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.
实施例5Example 5
本发明的实施例还提供了一种存储介质。可选地,在本实施例中,上述存储介质可以用于保存上述实施例一所提供的显示数据的控制方法所执行的程序代码。Embodiments of the present invention also provide a storage medium. Optionally, in the embodiment, the foregoing storage medium may be used to save the program code executed by the control method of the display data provided in the first 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: the control device acquires display configuration information of the display device from the server, where displaying the configuration information comprises: displaying desktop information of the device and Displaying object information of the display object displayed on each display screen included in the display device; the control device draws a corresponding operation interface according to the display configuration information, wherein the operation interface includes: an analog desktop corresponding to the desktop information and a simulated object corresponding to the display object The operation interface of the control device detects the operation behavior and generates a corresponding operation event, wherein the operation event is used to control the same operation on the display device as the operation behavior.
可选地,在本实施例中,存储介质被设置为存储用于执行以下步骤的程序代码:Optionally, in the present embodiment, the storage medium is arranged to store program code for performing the following steps:
可选地,在本实施例中,存储介质被设置为存储用于执行以下步骤的程序代码:服务器根据操作事件的执行结果更新对应的显示对象的对象信息,得到新的显示配置信息;服务器将新的显示配置信息返回给控制设备,使得控制设备显示新的操作界面。Optionally, in this embodiment, the storage medium is configured to store program code for performing the following steps: the server updates the object information of the corresponding display object according to the execution result of the operation event to obtain new display configuration information; the server will The new display configuration information is returned to the control device, causing the control device to display a new operational interface.
可选地,在本实施例中,存储介质被设置为存储用于执行以下步骤的程序代码:服务器接收到控制设备发送的对象打开指令,其中,对象打开指令至少包括:待显示对象的访问地址;服务器根据对象打开指令创建待显示对象的对象信息,其中,待显示对象的对象信息至少包括:待显示对象的尺长、显示深度和位置信息;服务器控制显示设备显示待显示对象。Optionally, in this embodiment, the storage medium is configured to store program code for performing the following steps: the server receives an object open instruction sent by the control device, where the object open instruction includes at least: an access address of the object to be displayed The server creates object information of the object to be displayed according to the object opening instruction, wherein the object information of the object to be displayed includes at least: a ruler length, a display depth, and position information of the object to be displayed; and the server controls the display device to display the object to be displayed.
可选地,在本实施例中,存储介质被设置为存储用于执行以下步骤的程序代码:显示设备从服务器下载与待显示对象相关的对象信息;显示设备生成与待显示对象对应的DOM数据;显示设备按照任意一个或多个显示屏幕的屏幕信息加载并显示DOM数据。Optionally, in the embodiment, the storage medium is configured to store program code for performing the following steps: the display device downloads object information related to the object to be displayed from the server; and the display device generates DOM data corresponding to the object to be displayed The display device loads and displays the DOM data according to the screen information of any one or more of the display screens.
上述本发明实施例序号仅仅为了描述,不代表实施例的优劣。The serial numbers of the embodiments of the present invention are merely for the description, and do not represent the advantages and disadvantages of the embodiments.
在本发明的上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述的部分,可以参见其他实施例的相关描述。 In the above-mentioned embodiments of the present invention, the descriptions of the various embodiments are different, and the parts that are not detailed in a certain embodiment can be referred to the related descriptions of other embodiments.
在本申请所提供的几个实施例中,应该理解到,所揭露的技术内容,可通过其它的方式实现。其中,以上所描述的装置实施例仅仅是示意性的,例如所述单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,单元或模块的间接耦合或通信连接,可以是电性或其它的形式。In the several embodiments provided by the present application, it should be understood that the disclosed technical contents may be implemented in other manners. The device embodiments described above are merely illustrative. For example, the division of the unit is only a logical function division. In actual implementation, there may be another division manner. For example, multiple units or components may be combined or may be Integrate into another system, or some features can be ignored or not executed. In addition, the mutual coupling or direct coupling or communication connection shown or discussed may be an indirect coupling or communication connection through some interface, unit or module, and may be electrical or otherwise.
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。The units described as separate components may or may not be physically separated, and the components displayed as units may or may not be physical units, that is, may be located in one place, or may be distributed to multiple network units. Some or all of the units may be selected according to actual needs to achieve the purpose of the solution of the embodiment.
另外,在本发明各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。In addition, each functional unit in each embodiment of the present invention may be integrated into one processing unit, or each unit may exist physically separately, or two or more units may be integrated into one unit. The above integrated unit can be implemented in the form of hardware or in the form of a software functional unit.
所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可为个人计算机、服务器或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。The integrated unit, if implemented in the form of a software functional unit and sold or used as a standalone product, may be stored in a computer readable storage medium. Based on such understanding, the technical solution of the present invention, which is essential or contributes to the prior art, or all or part of the technical solution, may be embodied in the form of a software product stored in a storage medium. A number of instructions are included to cause a computer device (which may be a personal computer, server or network device, etc.) to perform all or part of the steps of the methods described in various embodiments of the present invention. The foregoing storage medium includes: a U disk, a Read-Only Memory (ROM), a Random Access Memory (RAM), a removable hard disk, a magnetic disk, or an optical disk, and the like. .
以上所述仅是本发明的优选实施方式,应当指出,对于本技术领域的普通技术人员来说,在不脱离本发明原理的前提下,还可以做出若干改进和润饰,这些改进和润饰也应视为本发明的保护范围。 The above description is only a preferred embodiment of the present invention, and it should be noted that those skilled in the art can also make several improvements and retouchings without departing from the principles of the present invention. It should be considered as the scope of protection of the present invention.

Claims (12)

  1. 一种显示数据的控制系统,其特征在于,包括:A control system for displaying data, comprising:
    显示设备,包括多个显示屏幕,每个显示屏幕用于显示页面内容;a display device comprising a plurality of display screens, each display screen for displaying page content;
    服务器,与所述显示设备连接,用于保存与所述页面内容关联的显示配置信息,其中,所述显示配置信息包括:所述显示设备的桌面信息以及所述显示设备所包括的每个显示屏幕展示的显示对象的对象信息;a server, connected to the display device, for saving display configuration information associated with the page content, wherein the display configuration information includes: desktop information of the display device and each display included in the display device The object information of the display object displayed on the screen;
    控制设备,与所述服务器连接,用于根据获取到的所述显示配置信息绘制对应的操作界面,并在检测到操作行为,生成对应的操作事件,其中,所述操作界面包括:与所述桌面信息对应的模拟桌面和与所述显示对象对应的模拟对象;The control device is connected to the server, and is configured to draw a corresponding operation interface according to the obtained display configuration information, and generate a corresponding operation event when the operation behavior is detected, where the operation interface includes: a simulated desktop corresponding to the desktop information and a simulated object corresponding to the display object;
    其中,所述服务器还用于接收所述操作事件,并根据所述操作事件控制在所述显示设备上执行与所述操作行为相同的操作。The server is further configured to receive the operation event, and perform the same operation on the display device as the operation behavior according to the operation event.
  2. 根据权利要求1所述的控制系统,其特征在于,所述桌面信息至少包括:所述显示设备的桌面尺寸;所述显示对象的对象信息至少包括:所述显示对象的尺寸、位于所述显示设备中的位置信息、显示内容和显示深度。The control system according to claim 1, wherein the desktop information comprises at least: a desktop size of the display device; and the object information of the display object comprises at least: a size of the display object, located in the display Location information, display content, and display depth in the device.
  3. 根据权利要求2所述的控制系统,其特征在于,所述操作事件包括如下至少之一:点击事件、缩放事件、移动事件和滚动事件。The control system of claim 2 wherein said operational event comprises at least one of: a click event, a zoom event, a move event, and a scroll event.
  4. 一种显示数据的控制方法,其特征在于,包括:A method for controlling display data, comprising:
    控制设备从服务器获取显示设备的显示配置信息,其中,所述显示配置信息包括:所述显示设备的桌面信息以及所述显示设备所包括的每个显示屏幕展示的显示对象的对象信息;The control device acquires display configuration information of the display device from the server, where the display configuration information includes: desktop information of the display device and object information of a display object displayed on each display screen included in the display device;
    所述控制设备根据所述显示配置信息绘制对应的操作界面,其中,所述操作界面包括:与所述桌面信息对应的模拟桌面和与所述显示对象对应的模拟对象;The control device draws a corresponding operation interface according to the display configuration information, where the operation interface includes: a simulated desktop corresponding to the desktop information and a simulated object corresponding to the display object;
    所述控制设备的操作界面检测到操作行为,生成对应的操作事件,其中,所述操作事件用于控制在所述显示设备上执行与所述操作行为相同的操作。The operation interface of the control device detects an operation behavior and generates a corresponding operation event, wherein the operation event is used to control performing the same operation on the display device as the operation behavior.
  5. 根据权利要求4所述的方法,其特征在于,所述桌面信息至少包括:所述显示设备的桌面尺寸;所述显示对象的对象信息至少包括:所述显示对象的尺寸、位于所述显示设备中的位置信息、显示内容和显示深度。The method according to claim 4, wherein the desktop information comprises at least: a desktop size of the display device; and the object information of the display object includes at least: a size of the display object, located in the display device Location information, display content, and display depth.
  6. 根据权利要求5所述的方法,其特征在于,所述操作事件包括如下至少之一:点击事件、缩放事件、移动事件和滚动事件。The method of claim 5 wherein the operational event comprises at least one of: a click event, a zoom event, a move event, and a scroll event.
  7. 根据权利要求6所述的方法,其特征在于,在所述控制设备的操作界面检测到 操作行为,生成对应的操作事件之后,所述方法还包括:The method according to claim 6, wherein the operation interface of the control device detects After the operation behavior is generated, the method further includes:
    将所述操作事件发送给所述服务器;Transmitting the operational event to the server;
    所述服务器控制所述显示设备上展示的显示对象执行所述操作事件所对应的应用逻辑,其中,The server controls application logic corresponding to the display object displayed on the display device to perform the operation event, where
    在所述操作事件为所述点击事件的情况下,所述服务器选择显示深度最高的显示对象执行所述点击事件;In a case that the operation event is the click event, the server selects a display object with the highest display depth to execute the click event;
    在所述操作事件为所述移动事件的情况下,所述服务器对选中的显示对象执行所述移动事件;In the case that the operation event is the movement event, the server performs the movement event on the selected display object;
    在所述操作事件为所述缩放事件的情况下,所述服务器对选中的显示对象执行所述缩放事件;In the case that the operation event is the scaling event, the server performs the scaling event on the selected display object;
    在所述操作事件为所述滚动事件的情况下,所述服务器对浏览到的显示对象执行所述滚动事件。In the case that the operation event is the scroll event, the server performs the scroll event on the browsed display object.
  8. 根据权利要求7所述的方法,其特征在于,在所述服务器控制所述显示设备上展示的显示对象执行所述操作事件所对应的应用逻辑之后,所述方法还包括:The method according to claim 7, wherein after the server controls the display object displayed on the display device to execute the application logic corresponding to the operation event, the method further includes:
    所述服务器根据所述操作事件的执行结果更新对应的显示对象的对象信息,得到新的显示配置信息;Updating, by the server, the object information of the corresponding display object according to the execution result of the operation event, to obtain new display configuration information;
    所述服务器将所述新的显示配置信息返回给所述控制设备,使得所述控制设备显示新的操作界面。The server returns the new display configuration information to the control device such that the control device displays a new operational interface.
  9. 根据权利要求4所述的方法,其特征在于,在控制设备从服务器获取显示设备的显示配置信息之前,所述方法还包括:The method of claim 4, wherein before the controlling device obtains the display configuration information of the display device from the server, the method further includes:
    所述服务器接收到所述控制设备发送的对象打开指令,其中,所述对象打开指令至少包括:待显示对象的访问地址;Receiving, by the server, an object open instruction sent by the control device, where the object open instruction includes at least: an access address of an object to be displayed;
    所述服务器根据所述对象打开指令创建所述待显示对象的对象信息,其中,所述待显示对象的对象信息至少包括:所述待显示对象的尺长、显示深度和位置信息;The server creates object information of the object to be displayed according to the object opening instruction, where the object information of the object to be displayed includes at least: a ruler length, a display depth, and position information of the object to be displayed;
    所述服务器控制所述显示设备显示所述待显示对象。The server controls the display device to display the object to be displayed.
  10. 根据权利要求9所述的方法,其特征在于,所述服务器控制所述显示设备显示所述待显示对象,包括:The method according to claim 9, wherein the controlling the display device to display the object to be displayed comprises:
    所述显示设备从所述服务器下载与所述待显示对象相关的对象信息;The display device downloads object information related to the object to be displayed from the server;
    所述显示设备生成与所述待显示对象对应的DOM数据;The display device generates DOM data corresponding to the object to be displayed;
    所述显示设备按照任意一个或多个显示屏幕的屏幕信息加载并显示所述DOM数 据。The display device loads and displays the number of DOMs according to screen information of any one or more display screens according to.
  11. 一种显示数据的控制方法,其特征在于,包括:A method for controlling display data, comprising:
    服务器获取显示设备的显示配置信息,其中,所述显示配置信息包括:所述显示设备的桌面信息以及所述显示设备所包括的每个显示屏幕展示的显示对象的对象信息;The server acquires display configuration information of the display device, where the display configuration information includes: desktop information of the display device and object information of a display object displayed on each display screen included in the display device;
    所述服务器根据所述控制设备在操作界面上检测到的操作行为生成对应的操作事件,其中,所述操作界面为所述控制设备根据所述显示配置信息绘制,所述操作界面包括:与所述桌面信息对应的模拟桌面和与所述显示对象对应的模拟对象;The server generates a corresponding operation event according to the operation behavior detected by the control device on the operation interface, where the operation interface is drawn by the control device according to the display configuration information, where the operation interface includes: An analog desktop corresponding to the desktop information and a simulated object corresponding to the display object;
    所述服务器根据所述操作事件控制在所述显示设备上执行与所述操作行为相同的操作。The server controls to perform the same operation on the display device as the operation behavior according to the operation event.
  12. 一种显示数据的控制装置,其特征在于,包括:A control device for displaying data, comprising:
    获取模块,用于从服务器获取显示设备的显示配置信息,其中,所述显示配置信息包括:所述显示设备的桌面信息以及所述显示设备所包括的每个显示屏幕展示的显示对象的对象信息;An obtaining module, configured to acquire display configuration information of the display device from the server, where the display configuration information includes: desktop information of the display device and object information of a display object displayed by each display screen included in the display device ;
    绘制模块,用于根据所述显示配置信息绘制对应的操作界面,其中,所述操作界面包括:与所述桌面信息对应的模拟桌面和与所述显示对象对应的模拟对象;a drawing module, configured to draw a corresponding operation interface according to the display configuration information, where the operation interface includes: a simulated desktop corresponding to the desktop information and a simulated object corresponding to the display object;
    生成模块,用于如果操作界面检测到操作行为,生成对应的操作事件,其中,所述操作事件用于控制在所述显示设备上执行与所述操作行为相同的操作。 And a generating module, configured to generate a corresponding operation event if the operation interface detects the operation behavior, wherein the operation event is used to control performing the same operation on the display device as the operation behavior.
PCT/CN2017/097952 2016-08-31 2017-08-18 Display data control method, device, and system WO2018040943A1 (en)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201610800156.7 2016-08-31
CN201610800156.7A CN107783702A (en) 2016-08-31 2016-08-31 Control method, the device and system of display data

Publications (1)

Publication Number Publication Date
WO2018040943A1 true WO2018040943A1 (en) 2018-03-08

Family

ID=61300047

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2017/097952 WO2018040943A1 (en) 2016-08-31 2017-08-18 Display data control method, device, and system

Country Status (3)

Country Link
CN (1) CN107783702A (en)
TW (1) TW201812567A (en)
WO (1) WO2018040943A1 (en)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113747206A (en) * 2020-05-27 2021-12-03 西安诺瓦星云科技股份有限公司 Data return control method and system, display screen controller and display control card
CN114661102A (en) * 2022-05-23 2022-06-24 深圳市华曦达科技股份有限公司 Screen combination display method, device and system for android intelligent terminal
CN115665123A (en) * 2022-11-14 2023-01-31 广东美的暖通设备有限公司 Exhibition hall large screen control method and system, remote control equipment and server

Families Citing this family (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110362259A (en) * 2018-04-10 2019-10-22 北京仁光科技有限公司 Command dispatching system, method, equipment and computer readable storage medium
CN108683936B (en) * 2018-05-15 2020-12-11 杭州橙鹰数据技术有限公司 Data synchronization method, device, terminal, server and storage medium
CN108958868A (en) * 2018-06-30 2018-12-07 深圳市技达信息技术有限公司 The method, apparatus and computer readable storage medium of display interface
CN111221482B (en) * 2018-11-23 2022-10-25 北京仁光科技有限公司 Interface layout adjusting method based on command console
CN110008430A (en) * 2019-04-10 2019-07-12 广州视源电子科技股份有限公司 Pass the desktop component configuration method and device of screen equipment
CN110290209A (en) * 2019-06-27 2019-09-27 绿漫科技有限公司 The method of garden data cloud atlas and mobile terminal linkage
CN111176596B (en) * 2019-12-24 2023-07-25 北京大米未来科技有限公司 Image display area switching method and device, storage medium and electronic equipment
CN111262909A (en) * 2020-01-09 2020-06-09 中国建设银行股份有限公司 Large-screen information display method, device, equipment and storage medium
CN113111277A (en) * 2021-04-01 2021-07-13 苏州美房云客软件科技股份有限公司 Method for controlling large-screen of virtual engine PC (personal computer) by mobile terminal
CN114374726A (en) * 2022-01-07 2022-04-19 阿里巴巴(中国)有限公司 Cloud desktop processing method and system
CN115242523B (en) * 2022-07-26 2024-05-17 亿咖通(湖北)技术有限公司 Terminal using method, device, equipment and medium based on TEE system

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102938834A (en) * 2012-11-21 2013-02-20 北京佳讯飞鸿电气股份有限公司 Multiple-screen multiple-video micro-view scheduling system and scheduling operation method
CN104317521A (en) * 2014-11-05 2015-01-28 成都智元汇数码科技有限公司 Man-machine interactive system and method for intelligent touch splicing screen
CN104331243A (en) * 2014-10-22 2015-02-04 积成电子股份有限公司 Mobile terminal and large screen display interaction control method based on thumbnail reconstruction

Family Cites Families (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP5703703B2 (en) * 2010-11-11 2015-04-22 ソニー株式会社 Information processing apparatus, stereoscopic display method, and program
KR101961860B1 (en) * 2012-08-28 2019-03-25 삼성전자주식회사 User terminal apparatus and contol method thereof
JP5367919B1 (en) * 2013-07-22 2013-12-11 株式会社 ディー・エヌ・エー Image processing apparatus and image processing program
CN103927171B (en) * 2014-04-14 2017-02-15 广州市久邦数码科技有限公司 Method and system for implementing multi-screen preview on stereoscopic desktops

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102938834A (en) * 2012-11-21 2013-02-20 北京佳讯飞鸿电气股份有限公司 Multiple-screen multiple-video micro-view scheduling system and scheduling operation method
CN104331243A (en) * 2014-10-22 2015-02-04 积成电子股份有限公司 Mobile terminal and large screen display interaction control method based on thumbnail reconstruction
CN104317521A (en) * 2014-11-05 2015-01-28 成都智元汇数码科技有限公司 Man-machine interactive system and method for intelligent touch splicing screen

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113747206A (en) * 2020-05-27 2021-12-03 西安诺瓦星云科技股份有限公司 Data return control method and system, display screen controller and display control card
CN113747206B (en) * 2020-05-27 2024-03-15 西安诺瓦星云科技股份有限公司 Data feedback control method and system, display screen controller and display control card
CN114661102A (en) * 2022-05-23 2022-06-24 深圳市华曦达科技股份有限公司 Screen combination display method, device and system for android intelligent terminal
CN115665123A (en) * 2022-11-14 2023-01-31 广东美的暖通设备有限公司 Exhibition hall large screen control method and system, remote control equipment and server

Also Published As

Publication number Publication date
TW201812567A (en) 2018-04-01
CN107783702A (en) 2018-03-09

Similar Documents

Publication Publication Date Title
WO2018040943A1 (en) Display data control method, device, and system
US11782581B2 (en) Display control method and device, electronic device and storage medium
WO2021036594A1 (en) Control method applied to screen projection scenario and related device
CN109062479B (en) Split screen application switching method and device, storage medium and electronic equipment
CN107111496B (en) Customizable blade application
CN106843654B (en) A kind of method and mobile terminal of terminal multi-job operation
US10839137B2 (en) Method and apparatus for playing video in independent window by browser, and storage medium
US10831331B2 (en) Window control for simultaneously running applications
JP2016500175A (en) Method and apparatus for realizing floating object
US20160371048A1 (en) Remote gesture control, input monitor, systems including the same, and associated methods
US20130232173A1 (en) Data display device, data display method, and program product
US20140123036A1 (en) Touch screen display process
EP3757739A1 (en) Method for display when exiting an application, and terminal
CN103324436A (en) Task processing method and device
US20230004281A1 (en) Intelligent interaction method and device, and storage medium
CN109948101A (en) Page switching method, device, storage medium and electronic equipment
WO2023056977A1 (en) Application program start method and apparatus, and electronic device
CN112148178A (en) Application switching method and device, electronic equipment and readable storage medium
CN107430597A (en) The enhancing of text selecting control
EP3223072A1 (en) Projector playing control method, device, and computer storage medium
CN103412704B (en) Optimization schemes for controlling user interfaces through gesture or touch
CN103294351A (en) Display method and electronic device
WO2024037419A1 (en) Display control method and apparatus, electronic device, and readable storage medium
KR20220154825A (en) How to create notes and electronic devices
KR102044614B1 (en) Input method based website information providing method and 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: 17845245

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 17845245

Country of ref document: EP

Kind code of ref document: A1