CN107562445A - Methods, devices and systems for dynamically more new user interface - Google Patents
Methods, devices and systems for dynamically more new user interface Download PDFInfo
- Publication number
- CN107562445A CN107562445A CN201610491540.3A CN201610491540A CN107562445A CN 107562445 A CN107562445 A CN 107562445A CN 201610491540 A CN201610491540 A CN 201610491540A CN 107562445 A CN107562445 A CN 107562445A
- Authority
- CN
- China
- Prior art keywords
- user interface
- dynamic
- desktop
- file
- rendering engine
- Prior art date
- Legal status (The legal status 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 status listed.)
- Pending
Links
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
The present invention discloses a kind of methods, devices and systems for being used for dynamic more new user interface, is related to the communications field.Wherein desktop client end is after the user interface file that desktop server issues is received, it is virtual document to as model element by the user interface document analysis received, by virtual document to matching as model element with corresponding user interface components, matching result is sent into rendering engine to carry out rendering processing, to realize that the dynamic of user interface updates.The present invention realizes the dynamic configuration of user interface by modularization, while deployment speed is improved, reduces the operation maintenance pressure brought by client upgrading.
Description
Technical field
The present invention relates to the communications field, more particularly to a kind of methods, devices and systems for being used for dynamic more new user interface.
Background technology
Since China Telecom in 2012 from Linux set top boxes change to Android (Android) Intelligent set top box business,
IPTV (Internet Protocol Television, Web TV) Intelligent set top box all deploys desktop client end
(Launcher APK), so as to meet operation demand and new business development that telecom operators constantly extend, but desktop client
Or end is with based on the similar B/S of IPTV client (Browser/Server, browser/server) browser framework,
It is traditional C/S (Client/Server, client/server) framework, problems with is present：
1) B/S frameworks are limited by browser mechanism, can not give full play to current Intelligent set top box multinuclear, the spy of multithreading
Property.
2) framework is outmoded, with internet video product to mark competitiveness deficiency, the development of follow-up new business is caused to hinder.
Although traditional C/S frameworks can solve the problems, such as B/S frameworks to a certain extent, problems with is introduced again：
1) client exploitation and service design close coupling at initial stage, processing business and updates have to rely on client liter after client is reached the standard grade
Level, service flexibility deficiency.
2) UI (User Interface, user interface) the template development cycles are grown, and type business loading in prefecture can not meet industry
The demand of business rapid deployment.
Therefore need to design a kind of new scheme, can dynamically update UI, effectively to reduce because of client fast and flexible
The operation maintenance pressure that end upgrading is brought.
The content of the invention
The embodiment of the present invention provides a kind of methods, devices and systems for being used for dynamic more new user interface.Pass through modularization
The dynamic configuration of user interface is realized, while deployment speed is improved, reduces the operation maintenance brought by client upgrading
Pressure.
According to an aspect of the present invention, there is provided a kind of method for being used for dynamic more new user interface, including：
It is void by the user interface document analysis received after the user interface file that desktop server issues is received
Intend document to as model element；
By virtual document to matching as model element with corresponding user interface components；
Matching result is sent into rendering engine to carry out rendering processing, to realize that the dynamic of user interface updates.
In one embodiment, user interface file includes user interface description information and configuration information.
In one embodiment, user interface file is worked out by JavaScript language.
According to another aspect of the present invention, there is provided a kind of desktop client end for being used for dynamic more new user interface, including solution
Module and virtual interface element module are analysed, wherein：
Parsing module, for after the user interface file that desktop server issues is received, user interface will to be received
Document analysis is virtual document to as model element；
Virtual interface element module, for by virtual document to as model element and corresponding user interface components phase
Match somebody with somebody, and matching result is sent to rendering engine and carries out rendering processing, to realize that the dynamic of user interface updates.
In one embodiment, user interface file includes user interface description information and configuration information.
In one embodiment, user interface file is worked out by JavaScript language.
According to another aspect of the present invention, there is provided a kind of STB terminal for being used for dynamic more new user interface, including wash with watercolours
The desktop client end that dye engine and any of the above-described embodiment are related to, wherein：
Rendering engine, for according to the virtual document that desktop client end provides to as model element and corresponding user interface
The matching result of component carries out rendering processing, to realize that the dynamic of user interface updates.
In one embodiment, rendering engine is the local rendering engine of the Android system in STB terminal.
According to another aspect of the present invention, there is provided a kind of system for being used for dynamic more new user interface, including user interface
The STB terminal that producing device, desktop server and any of the above-described embodiment are related to, wherein：
User interface producing device, table is uploaded to for making user interface, and by the user interface description information of making
Face server；
Desktop server, for receive user interface producing device upload user interface description information after, by phase
The user interface file answered is handed down to STB terminal, to realize that the dynamic of user interface updates.
In one embodiment, user interface producing device specifically makes user interface using JavaScript language.
By referring to the drawings to the present invention exemplary embodiment detailed description, further feature of the invention and its
Advantage will be made apparent from.
Brief description of the drawings
In order to illustrate more clearly about the embodiment of the present invention or technical scheme of the prior art, below will be to embodiment or existing
There is the required accompanying drawing used in technology description to be briefly described, it should be apparent that, drawings in the following description are only this
Some embodiments of invention, for those of ordinary skill in the art, without having to pay creative labor, may be used also
To obtain other accompanying drawings according to these accompanying drawings.
Fig. 1 is the schematic diagram of method one embodiment that the present invention is used for dynamic more new user interface.
Fig. 2 is the schematic diagram of desktop client end one embodiment that the present invention is used for dynamic more new user interface.
Fig. 3 is the schematic diagram of STB terminal one embodiment that the present invention is used for dynamic more new user interface.
Fig. 4 is the schematic diagram of system one embodiment that the present invention is used for dynamic more new user interface.
Fig. 5 provides the schematic diagram of user interface one embodiment for the present invention.
Fig. 6 is the schematic diagram of more new user interface one embodiment of the invention.
Embodiment
Below in conjunction with the accompanying drawing in the embodiment of the present invention, the technical scheme in the embodiment of the present invention is carried out clear, complete
Site preparation describes, it is clear that described embodiment is only part of the embodiment of the present invention, rather than whole embodiments.Below
Description only actually at least one exemplary embodiment is illustrative, is never used as to the present invention and its application or makes
Any restrictions.Based on the embodiment in the present invention, those of ordinary skill in the art are not making creative work premise
Lower obtained every other embodiment, belongs to the scope of protection of the invention.
Unless specifically stated otherwise, the part and positioned opposite, the digital table of step otherwise illustrated in these embodiments
Do not limited the scope of the invention up to formula and numerical value.
Simultaneously, it should be appreciated that for the ease of description, the size of the various pieces shown in accompanying drawing is not according to reality
Proportionate relationship draw.
It may be not discussed in detail for technology, method and apparatus known to person of ordinary skill in the relevant, but suitable
In the case of, the technology, method and apparatus should be considered as authorizing part for specification.
In shown here and discussion all examples, any occurrence should be construed as merely exemplary, without
It is as limitation.Therefore, the other examples of exemplary embodiment can have different values.
It should be noted that：Similar label and letter represents similar terms in following accompanying drawing, therefore, once a certain Xiang Yi
It is defined, then it need not be further discussed in subsequent accompanying drawing in individual accompanying drawing.
Fig. 1 is the schematic diagram of method one embodiment that the present invention is used for dynamic more new user interface.Preferably, this implementation
The method and step of example can be performed by desktop client end.Wherein：
Step 101, after the user interface file that desktop server issues is received, the user interface file that will receive
Virtual document is resolved to as model (Document Object Model, abbreviation DOM) element.
Alternatively, user interface file is worked out by JavaScript language.In addition, user interface file may include user circle
Face description information and configuration information.
Step 102, by virtual document to matching as model element with corresponding user interface components.
Step 103, matching result is sent into rendering engine to carry out rendering processing, to realize the dynamic of user interface more
Newly.
The method for being used for dynamic more new user interface provided based on the above embodiment of the present invention, is realized by modularization and used
The dynamic configuration at family interface, while deployment speed is improved, reduce the operation maintenance pressure brought by client upgrading.
Fig. 2 is the schematic diagram of desktop client end one embodiment that the present invention is used for dynamic more new user interface.Such as Fig. 2 institutes
Show, desktop client end may include parsing module 201 and virtual interface element module 202.Wherein：
Parsing module 201 is used for after the user interface file that desktop server issues is received, and will receive user circle
Face document analysis is virtual document to as model element.
Wherein, user interface file can be worked out by JavaScript language, and user interface file may include that user interface is retouched
State information and configuration information.
Virtual interface element module 202 is used for virtual document to as model element and corresponding user interface components phase
Match somebody with somebody, and matching result is sent to rendering engine and carries out rendering processing, to realize that the dynamic of user interface updates.
The desktop client end for being used for dynamic more new user interface provided based on the above embodiment of the present invention, passes through modularization
The dynamic configuration of user interface is realized, while deployment speed is improved, reduces the operation maintenance brought by client upgrading
Pressure.
Fig. 3 is the schematic diagram of STB terminal one embodiment that the present invention is used for dynamic more new user interface.Such as Fig. 3 institutes
Show, STB terminal may include rendering engine 301, desktop client end 302, and wherein desktop client end 302 can be any reality in Fig. 2
Apply the desktop client end described in example.
Wherein, rendering engine 301 is used for according to the virtual document that desktop client end 302 provides to as model element and accordingly
The matching results of user interface components carry out rendering processing, to realize that the dynamic of user interface updates.
Alternatively, rendering engine is the local rendering engine of the Android system in STB terminal.
The STB terminal for being used for dynamic more new user interface provided based on the above embodiment of the present invention, passes through modularization
The dynamic configuration of user interface is realized, while deployment speed is improved, reduces the operation maintenance brought by client upgrading
Pressure.
Fig. 4 is the schematic diagram of system one embodiment that the present invention is used for dynamic more new user interface.As shown in figure 4, should
System may include user interface producing device 401, desktop server 402 and STB terminal 403, wherein STB terminal
403 can be the STB terminal that any embodiment is related in Fig. 3.Wherein：
User interface producing device 401 is used to make user interface, and the user interface description information of making is uploaded to
Desktop server 402.
Wherein, user interface producing device can utilize JavaScript language to make user interface.
Desktop server 402 is used for after the user interface description information of user interface producing device upload is received, will
Corresponding user interface file is handed down to STB terminal, to realize that the dynamic of user interface updates.
Wherein, corresponding user interface file includes user interface description information and configuration information.
Below by specific example, the present invention will be described.
Fig. 5 provides the schematic diagram of user interface one embodiment for the present invention for set top box desktop client end.Wherein：
Step 501, user interface producing device makes user interface using JavaScript language.
Step 502, the user interface description information of making is uploaded to desktop server by user interface producing device.
Step 503, desktop server, will after the user interface description information of user interface producing device upload is received
Corresponding user interface file is handed down to STB terminal.Wherein user interface file includes user interface description information and configuration
Information.
Step 504, the desktop client end in STB terminal is in the user interface file for receiving desktop server and issuing
Afterwards, it is virtual document to as model element by the user interface document analysis received.
Step 505, desktop client end is further by virtual document to as model element and corresponding user interface components phase
Matching.
Step 506, corresponding component matching result is sent to rendering engine by desktop client end.Wherein rendering engine is peace
The rendering engine of Android system local in STB terminal.
Step 507, rendering engine carries out rendering processing according to the component matching result received, so as to presentation user circle
Face.Such as user interface is showed by using css-layout.
On the basis of Fig. 5 show set top box desktop client end offer user interface, if desired to currently used use
Family interface is updated, then performs the method and step shown in Fig. 6.Wherein：
Step 601, user interface producing device is carried out more using JavaScript language to currently used user interface
Newly.
Step 602, the user interface description information after renewal is uploaded to desktop server by user interface producing device.
Step 603, desktop server, will after the user interface description information of user interface producing device upload is received
Corresponding user interface file is handed down to STB terminal.Wherein user interface file includes user interface description information and configuration
Information.
Step 604, the desktop client end in STB terminal is in the user interface file for receiving desktop server and issuing
Afterwards, it is virtual document to as model element by the user interface document analysis received.
Step 605, desktop client end is further by virtual document to as model element and corresponding user interface components phase
Matching.
Step 606, corresponding component matching result is sent to rendering engine by desktop client end.Wherein rendering engine is peace
The rendering engine of Android system local in STB terminal.
Step 607, rendering engine render processing with presentation user interface according to the component matching result received.From
And the dynamic of user interface by using css-layout, can be realized and presented.
By implementing the present invention, following beneficial effect can be obtained：
1) present invention proposes to realize by modularization for IPTV Intelligent set top box desktop clients end (Launcher APK)
The scheme of dynamic user interface, so that desktop client end no longer needs the concept of template, realize that platform can configure dynamic in real time
The effect of state more new user interface.
2) present invention is not needing IPTV set top box HardwareUpgring, retains the existing page downloading framework of desktop business platform
Under the premise of, the modularization call method brand-new by defining IPTV Intelligent set top box desktop clients end, lead to desktop management platform
Renewal JavaScript file is crossed, without updating IPTV Intelligent set top box desktop clients end, it is possible to realize that client UI is imitated
The dynamic renewal of fruit, reaches Intelligent set top box interface and quickly updates, the purpose of new business rapid deployment, while reduces client
Upgrade the O＆M pressure brought.
3) present invention is applied to IPTV existing network Intelligent set top box desktop business, and the IPTV telecommunications that prospective project is carried out is certainly
The vertical Portal Service of main operation.
One of ordinary skill in the art will appreciate that hardware can be passed through by realizing all or part of step of above-described embodiment
To complete, by program the hardware of correlation can also be instructed to complete, described program can be stored in a kind of computer-readable
In storage medium, storage medium mentioned above can be read-only storage, disk or CD etc..
Description of the invention provides for the sake of example and description, and is not exhaustively or by the present invention
It is limited to disclosed form.Many modifications and variations are obvious for the ordinary skill in the art.Select and retouch
State embodiment and be to more preferably illustrate the principle and practical application of the present invention, and one of ordinary skill in the art is managed
The present invention is solved so as to design the various embodiments with various modifications suitable for special-purpose.
Claims (10)
- A kind of 1. method for being used for dynamic more new user interface, it is characterised in that including：It is virtual text by the user interface document analysis received after the user interface file that desktop server issues is received Shelves are to as model element；By virtual document to matching as model element with corresponding user interface components；Matching result is sent into rendering engine to carry out rendering processing, to realize that the dynamic of user interface updates.
- 2. according to the method for claim 1, it is characterised in thatUser interface file includes user interface description information and configuration information.
- 3. method according to claim 1 or 2, it is characterised in thatUser interface file is worked out by JavaScript language.
- 4. a kind of desktop client end for being used for dynamic more new user interface, it is characterised in that including parsing module and virtual interface Element module, wherein：Parsing module, for after the user interface file that desktop server issues is received, user interface file will to be received Virtual document is resolved to as model element；Virtual interface element module, for by virtual document to matching as model element with corresponding user interface components, and Matching result is sent into rendering engine to carry out rendering processing, to realize that the dynamic of user interface updates.
- 5. desktop client end according to claim 4, it is characterised in thatUser interface file includes user interface description information and configuration information.
- 6. the desktop client end according to claim 4 or 5, it is characterised in thatUser interface file is worked out by JavaScript language.
- 7. a kind of STB terminal for being used for dynamic more new user interface, it is characterised in that will including rendering engine and right The desktop client end any one of 4-6 is asked, wherein：Rendering engine, for according to the virtual document that desktop client end provides to as model element and corresponding user interface components Matching result carry out rendering processing, with realize the dynamic of user interface update.
- 8. STB terminal according to claim 7, it is characterised in thatRendering engine is the local rendering engine of the Android system in STB terminal.
- 9. a kind of system for being used for dynamic more new user interface, it is characterised in that including user interface producing device, desktop services STB terminal described in device and claim 7 or 8, wherein：User interface producing device, desktop clothes are uploaded to for making user interface, and by the user interface description information of making Business device；Desktop server, it is corresponding for after the user interface description information of user interface producing device upload is received, inciting somebody to action User interface file is handed down to STB terminal, to realize that the dynamic of user interface updates.
- 10. system according to claim 9, it is characterised in thatUser interface producing device specifically makes user interface using JavaScript language.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201610491540.3A CN107562445A (en) | 2016-06-29 | 2016-06-29 | Methods, devices and systems for dynamically more new user interface |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201610491540.3A CN107562445A (en) | 2016-06-29 | 2016-06-29 | Methods, devices and systems for dynamically more new user interface |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN107562445A true CN107562445A (en) | 2018-01-09 |
Family
ID=60968448
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201610491540.3A Pending CN107562445A (en) | 2016-06-29 | 2016-06-29 | Methods, devices and systems for dynamically more new user interface |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN107562445A (en) |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109165049A (en) * | 2018-07-03 | 2019-01-08 | 北京辰森世纪科技股份有限公司 | Module data processing method and processing device |
| CN110018875A (en) * | 2019-04-10 | 2019-07-16 | 北京云创世联科技股份有限公司 | A kind of desktop synchronization realizing method based on IDV |
| CN110457027A (en) * | 2019-08-05 | 2019-11-15 | 深圳科蓝金信科技发展有限公司 | A kind of client end interface and the instant management method of content |
| CN111221527A (en) * | 2019-12-25 | 2020-06-02 | 中科曙光国际信息产业有限公司 | Optimization method and system applied to user interface element |
| CN115858125A (en) * | 2022-12-16 | 2023-03-28 | 百度在线网络技术（北京）有限公司 | Rendering engine calling method and device, electronic equipment and storage medium |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20070198919A1 (en) * | 2002-05-22 | 2007-08-23 | Pitney Bowes Inc. | Method for loading large XML documents on demand |
| CN101137146A (en) * | 2006-08-31 | 2008-03-05 | 中国电信股份有限公司 | Wireless communication terminal standby interface automatic updating method |
| CN102043611A (en) * | 2009-10-23 | 2011-05-04 | Tcl集团股份有限公司 | System for dynamically generating user interface and implementation method thereof |
| CN104391725A (en) * | 2014-12-08 | 2015-03-04 | 畅捷通信息技术股份有限公司 | Page display method and page display device |
| CN105630902A (en) * | 2015-12-21 | 2016-06-01 | 明博教育科技股份有限公司 | Method for rendering and incrementally updating webpages |
-
2016
- 2016-06-29 CN CN201610491540.3A patent/CN107562445A/en active Pending
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20070198919A1 (en) * | 2002-05-22 | 2007-08-23 | Pitney Bowes Inc. | Method for loading large XML documents on demand |
| CN101137146A (en) * | 2006-08-31 | 2008-03-05 | 中国电信股份有限公司 | Wireless communication terminal standby interface automatic updating method |
| CN102043611A (en) * | 2009-10-23 | 2011-05-04 | Tcl集团股份有限公司 | System for dynamically generating user interface and implementation method thereof |
| CN104391725A (en) * | 2014-12-08 | 2015-03-04 | 畅捷通信息技术股份有限公司 | Page display method and page display device |
| CN105630902A (en) * | 2015-12-21 | 2016-06-01 | 明博教育科技股份有限公司 | Method for rendering and incrementally updating webpages |
Cited By (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109165049A (en) * | 2018-07-03 | 2019-01-08 | 北京辰森世纪科技股份有限公司 | Module data processing method and processing device |
| CN110018875A (en) * | 2019-04-10 | 2019-07-16 | 北京云创世联科技股份有限公司 | A kind of desktop synchronization realizing method based on IDV |
| CN110018875B (en) * | 2019-04-10 | 2022-05-31 | 北京云创世联科技股份有限公司 | Desktop synchronization implementation method based on IDV |
| CN110457027A (en) * | 2019-08-05 | 2019-11-15 | 深圳科蓝金信科技发展有限公司 | A kind of client end interface and the instant management method of content |
| CN111221527A (en) * | 2019-12-25 | 2020-06-02 | 中科曙光国际信息产业有限公司 | Optimization method and system applied to user interface element |
| CN115858125A (en) * | 2022-12-16 | 2023-03-28 | 百度在线网络技术（北京）有限公司 | Rendering engine calling method and device, electronic equipment and storage medium |
| CN115858125B (en) * | 2022-12-16 | 2023-10-24 | 百度在线网络技术（北京）有限公司 | Rendering engine calling method and device, electronic equipment and storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107562445A (en) | Methods, devices and systems for dynamically more new user interface | |
| CN106354490B (en) | EPG page Dynamic Distribution method | |
| CN107832108A (en) | Rendering intent, device and the electronic equipment of 3D canvas web page elements | |
| CN109901938B (en) | Interactive large-screen system based on WebSocket communication and visual display method | |
| CN105426448B (en) | Interface display method, apparatus and system | |
| CN106303634A (en) | A kind of TV equipment barrage sends system and method | |
| CN104899184A (en) | Character processing method, device and system | |
| CN108600331A (en) | Interactive interface rendering method, client, terminal and system | |
| CN108900697A (en) | Terminal word information input system and method when mobile phone and computer terminal interconnect | |
| CN106354462B (en) | A kind of the document method of simultaneous display, equipment and system in multiple equipment | |
| CN107864384A (en) | Redirect the method and device that internet video plays on cloud desktop | |
| CN106911937A (en) | The collocation method and system of a kind of live middle present banner background colour | |
| CN106941530B (en) | A kind of static resource request processing method and device | |
| CN103581246A (en) | Method for displaying browser home page and server | |
| CN108153527A (en) | A kind of configuration method of equipment output resolution ratio | |
| CN109543122B (en) | Content synchronization method, device, storage medium and electronic device | |
| CN103198250A (en) | Method for auditing applications of intelligent television | |
| CN104461615A (en) | Skin resource processing method and electronic equipment | |
| CN109960553A (en) | A kind of more window context rendering methods and system | |
| CN106202296B (en) | Local updating method and system for webpage | |
| CN109905753A (en) | The display methods and device of footmark, storage medium, electronic device | |
| CN106561030A (en) | Remote sensing image processing Web service dynamic generation method | |
| CN114584825A (en) | Page display method with video window and gateway equipment | |
| CN104301801A (en) | Method and system for player distribution | |
| CN112000378A (en) | VR equipment management method and system |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20180109 |
|
| RJ01 | Rejection of invention patent application after publication |