CN103226471A - Design method of firmware GUI based on SVG - Google Patents
Design method of firmware GUI based on SVG Download PDFInfo
- Publication number
- CN103226471A CN103226471A CN2013100939320A CN201310093932A CN103226471A CN 103226471 A CN103226471 A CN 103226471A CN 2013100939320 A CN2013100939320 A CN 2013100939320A CN 201310093932 A CN201310093932 A CN 201310093932A CN 103226471 A CN103226471 A CN 103226471A
- Authority
- CN
- China
- Prior art keywords
- svg
- firmware
- interface
- gui
- user interface
- 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
Images
Abstract
The invention discloses a design method of a firmware GUI (graphical user interface) based on SVG (scalable vector graphics). The method comprises the steps that the SVG of an extensible markup language is used for indicating constituent elements of the firmware GUI; an interface file described by the SVG is obtained; an SVG resolver is called for resolving the described file of the firmware GUI; basic elements of the SVG are extracted; an interface element structure tree is generated; and the extracted elements of the SVG are drawn and displayed according to a graphic output protocol provided by a UEFI (unified extensible firmware interface). With the adoption of the firmware GUI designed by the method, configuration and management of hardware are more visual and quicker; interface customization is individual; an interface indication file occupies a small space; the interface can play an animation effect; and compared with the traditional BIOS (basic input output system) textual interface, the firmware GUI based on the SVG has the characteristics that the firmware GUI is visual, friendly and easy to operate.
Description
Technical field
The present invention belong to the computer software engineering technical field, specifically refer to a kind of firmware graphical user interface design method based on SVG.
Background technology
Along with development of computer, friendly man-machine interaction has become more and more important.Graphic user interface GUI (Graphical User Interface) is the important channel of man-machine interaction with its abundant operational controls, being operable to of simple and flexible.
The birth of GUI and use make people's operational computations machine behaviour, become convenient with computer interactive.At present, the GUI technology has obtained deep utilization in the computer desktop system, and research and the application of GUI technology aspect firmware still is in the junior stage.Firmware is different with common software, is the program code that is solidificated in IC interior, is responsible for control and coordinates related hardware.BIOS belongs to the bottom software in the computing machine, is the bridge between contact hardware and software program, is responsible for solving the instant demand of hardware, and concrete executive software is to the operation requirement of hardware.The major part of firmware configuration operation at present is still by order, text mode operation, or uses the textual interface operation, the configuration operation inconvenience, lack friendly mutual, incompatible with development of computer.Along with operating system develops towards directions such as flexible, simple and direct, hommization and hyperchannels, the firmware graphic user interface receives increasing concern as the indispensable ingredient of firmware field man-machine interaction.
The memory headroom that the firmware graphic user interface is subjected to move limits, and does not have supported graph function, does not also have controls such as available button, menu, and therefore, all elements of forming the interface needs design, tissue, draws, shows.Can not take when in addition, the firmware graphical interfaces moves and surpass 30% firmware free memory.Successive frame play to be wanted continuously in the animated show in the firmware interface, guarantees that interface cartoon smoothness, dynamic effect are obvious.
Represent that with SVG the interface forms elements such as window, menu, button, figure, image based on the firmware graphic user interface (GUI) design of SVG, realize that by modules such as resolver, renderer, animation players the interface component resolves, draws, plays up and function such as animation broadcast.
The prior art feature introduction that the present invention relates to:
Graphic user interface GUI: graphic user interface.GUI represents interactive interface by graphic element, supports keyboard, mouse action, realizes the operation to controll plant.Graphic user interface is a kind of Man Machine Interface, forms the interface with elements such as menu, icon, buttons, user by selecting, mouse event and relevant call back function operation controll plant.Friendly graphic user interface has alleviated user's operation burden, makes become alternately simple and direct, flexible, the hommization of people and computing machine or hardware device.
Unified Extensible Firmware Interface UEFI (Unified Extensible Firmware Interface): UEFI is by the unified firmware interface standard of Intel Company's exploitation, define the interface specification of firmware program before operating system loads, become the standard that firmware development is followed.The UEFI program is divided three classes: kernel drives and application program.The UEFI framework provides the advantages such as support of C Programming with Pascal Language exploitation, modular design, file system.Based on the modular design requirement, UEFI has defined the UEFI driving model, and the hardware vendor can go out hardware device drivers according to the UEFI standard development, has reduced the dependence between the manufacturer.The UEFI standard is divided into before the os starting: safeguard protection stage, context initialization phase, driving execution environment stage and guiding device choice phase four-stage; describe in detail system from power up, processor initialization, hardware initialization, judgement start the path, system strategy is set, user's configuration interface, to entering the operating system detailed process.
Scalable vector graphics SVG(Scalable Vector Graphics): be to organize to set up the open standard of following expandable mark language XML syntactic description two-dimension vector graphics by W3C.SVG has defined abundant X-Y scheme and has represented, comprising such as element figure, affined transformation, filter, script and animation etc.Advantages such as that SVG has is cross-platform, convenient editor, present browser is all supported the SVG demonstration.
Summary of the invention
Technical matters to be solved by this invention is to overcome the deficiencies in the prior art, at deficiency and the inconvenient operation that the firmware textual interface is represented, provides a kind of firmware graphic user interface (GUI) design method based on SVG.
For solving the problems of the technologies described above, the technical solution adopted in the present invention is:
A kind of firmware graphic user interface (GUI) design method based on SVG comprises the steps:
Steps A, design firmware graphic user interface is preserved with the SVG form, obtains the SVG text based on XML; Its process is as follows:
Steps A 1 represents to form the composition pel of firmware graphic user interface with SVG, and described composition pel comprises straight line, circular arc, circle, ellipse, polyline, path;
Steps A 2 is represented the affined transformation of element figure with SVG, and described affined transformation comprises translation, rotation, ratio, shearing;
Steps A 3 is represented the filter special efficacy of element figure with SVG, and that described filter special efficacy comprises is fuzzy, Gao Guang, distortion, image are synthetic, linear gradient, radially gradual change, shade, relief;
Step B resolves described SVG text with the SVG resolver; The SVG resolver is resolved component, conversion and the filter special efficacy of firmware graphic user interface, adopts tree structure storage interface element;
Step C draws the interface pel, the pel of drawing is applied affined transformation with renderer, calls the filter special efficacy pel is played up, and the figure output protocol GOP that calling UEFI provides stores into the JPG image to rendering result, and shows;
Step D presents the dynamic effect of module parses with sequence image.
In the steps A, the SVG file of described description firmware graphic user interface uses the .svg suffix to preserve; The syntax format of SVG file is followed the XML standard, uses label and attribute to describe the SVG object; SVG text include file head and documentation section, file header comprise the definition of XML file header, SVG drawing area size set information; Documentation section comprises element and adeditive attribute, puts on the conversion and the filter special efficacy of element.
The invention has the beneficial effects as follows: the present invention has announced a kind of firmware graphic user interface (GUI) design method based on SVG, described method utilizes the scalable vector graphics SVG of extend markup language to represent firmware graphic user interface component, obtains the interface file that SVG describes; Call the SVG resolver description document of firmware graphic user interface is resolved, extract the fundamental element of SVG figure, generate the interface element structure tree; The SVG graphic element that the figure output protocol handle that provides according to unified Extensible Firmware Interface UEFI extracts is drawn and is shown.The firmware graphic user interface of the inventive method design makes to the configuration of hardware, bookkeeping directly perceived more, quick, the interface customizing personalization; It is little that the interface represents that file takes up room, but interface playing animation effect; Compare with traditional BIOS textual interface, based on the firmware graphic user interface of SVG have intuitively, the characteristics of friendly, easy operating.
Description of drawings
Fig. 1 is a firmware graphical user interface module frame diagram of the present invention.
Fig. 2 is firmware graphic user interface resolver figure of the present invention.
Fig. 3 is firmware graphic user interface renderer figure of the present invention.
Fig. 4 is a firmware graphic user interface process flow diagram of the present invention.
Embodiment
Be elaborated below in conjunction with the technical scheme of accompanying drawing to invention:
A kind of firmware graphic user interface (GUI) design method based on SVG, described method comprises the steps:
Steps A, design firmware graphic user interface is preserved with the SVG form, obtains the SVG text based on XML; Its process is as follows:
Steps A 1 represents to form the composition pel of firmware graphic user interface with SVG, and described composition pel comprises straight line, circular arc, circle, ellipse, polyline, path;
Steps A 2 is represented the affined transformation of element figure with SVG, and described affined transformation comprises translation, rotation, ratio, shearing;
Steps A 3 is represented the filter special efficacy of element figure with SVG, and that described filter special efficacy comprises is fuzzy, Gao Guang, distortion, image are synthetic, linear gradient, radially gradual change, shade, relief;
Step B resolves described SVG text with the SVG resolver; The SVG resolver is resolved component, conversion and the filter special efficacy of firmware graphic user interface, adopts tree structure storage interface element;
Step C draws the interface pel, the pel of drawing is applied affined transformation with renderer, calls the filter special efficacy pel is played up, and the figure output protocol GOP that calling UEFI provides stores into the JPG image to rendering result, and shows;
Step D presents the dynamic effect of module parses with sequence image.
Fig. 1 is a firmware graphical user interface module frame diagram of the present invention.The integral frame of firmware graphic user interface is divided into three parts: SVG resolver, SVG renderer, animation player.The SVG resolver is successively resolved from file, node elements and attribute the description document of firmware graphic user interface, extracts graphical interfaces SVG fundamental element, generates the SVG structure tree.The SVG renderer is drawn the interface component that the SVG resolver resolves goes out, if component has added affined transformation, then earlier element is calculated affined transformation and draw again,, the element of drawing is played up with the filter special efficacy if the not additional affined transformation of component is then directly drawn.SVG animation player is played up, is shown after the element that has the duration conversion is changed time quantum.
Fig. 2 is a firmware graphic user interface resolver schematic diagram.Resolver carries out document analysis, element parsing and attribute to firmware interface SVG file and resolves.Because the SVG formatted file belongs to the XML type file, so resolver at first analyzes SVG file header and SVG content part from document analysis.The SVG content part is proceeded element (node) resolve, obtain element (node) collection and attribute.Attribute is proceeded attribute resolve, obtain the respective value of property set He each attribute of element (node).
Fig. 3 is a firmware graphic user interface renderer figure schematic diagram.The principle of work of renderer is opposite with the course of work of resolver, earlier to each attribute assignment, forms property set; Again attribute and element (node) are associated, promptly draw the node of band attribute; Again element (node) is applied the filter specific action, after all elements (node) is drawn, just finish the drafting just of firmware graphic user interface.
Fig. 4 is a firmware graphic user interface process flow diagram.Fig. 4 is the cooperative work figure of modules such as resolver, renderer, animation player, represents from the interface, enters resolver resolves, renderer drafting and animation player along the direction of arrow and shows.The figure output protocol (GOP) that the display graphics user interface is called UEFI shows.
Claims (2)
1. the firmware graphic user interface (GUI) design method based on SVG is characterized in that, comprises the steps:
Steps A, design firmware graphic user interface is preserved with the SVG form, obtains the SVG text based on XML; Its process is as follows:
Steps A 1 represents to form the composition pel of firmware graphic user interface with SVG, and described composition pel comprises straight line, circular arc, circle, ellipse, polyline, path;
Steps A 2 is represented the affined transformation of element figure with SVG, and described affined transformation comprises translation, rotation, ratio, shearing;
Steps A 3 is represented the filter special efficacy of element figure with SVG, and that described filter special efficacy comprises is fuzzy, Gao Guang, distortion, image are synthetic, linear gradient, radially gradual change, shade, relief;
Step B resolves described SVG text with the SVG resolver; The SVG resolver is resolved component, conversion and the filter special efficacy of firmware graphic user interface, adopts tree structure storage interface element;
Step C draws the interface pel, the pel of drawing is applied affined transformation with renderer, calls the filter special efficacy pel is played up, and the figure output protocol GOP that calling UEFI provides stores into the JPG image to rendering result, and shows;
Step D presents the dynamic effect of module parses with sequence image.
2. a kind of firmware graphic user interface (GUI) design method based on SVG according to claim 1 is characterized in that, in the steps A, described SVG text uses the .svg suffix to preserve; The syntax format of SVG file is followed the XML standard, uses label and attribute to describe the SVG object; SVG text include file head and documentation section, file header comprise the definition of XML file header, SVG drawing area size set information; Documentation section comprises element and adeditive attribute, puts on the conversion and the filter special efficacy of element.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN2013100939320A CN103226471A (en) | 2013-03-21 | 2013-03-21 | Design method of firmware GUI based on SVG |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN2013100939320A CN103226471A (en) | 2013-03-21 | 2013-03-21 | Design method of firmware GUI based on SVG |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN103226471A true CN103226471A (en) | 2013-07-31 |
Family
ID=48836936
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN2013100939320A Pending CN103226471A (en) | 2013-03-21 | 2013-03-21 | Design method of firmware GUI based on SVG |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN103226471A (en) |
Cited By (11)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103559353A (en) * | 2013-11-07 | 2014-02-05 | 南京国电南自轨道交通工程有限公司 | Design method of dynamic behavior format in picture configuration of monitoring system based on SVG (scalable vector graphics) |
| CN103617073A (en) * | 2013-11-01 | 2014-03-05 | 广东电网公司茂名供电局 | Method for analyzing and displaying picture file of electrical power system |
| CN104680421A (en) * | 2013-11-26 | 2015-06-03 | 浙江大华系统工程有限公司 | Scalable vector graphics (SVG) display method and device |
| CN104699483A (en) * | 2015-03-16 | 2015-06-10 | 东方电子股份有限公司 | Efficient achieving method for WEB assembly |
| CN105302445A (en) * | 2015-11-12 | 2016-02-03 | 小米科技有限责任公司 | Graphical user interface drawing method and device |
| WO2016082755A1 (en) * | 2014-11-25 | 2016-06-02 | Hangzhou H3C Technologies Co., Ltd. | Displaying setup interface |
| CN107943477A (en) * | 2017-11-22 | 2018-04-20 | 北京酷我科技有限公司 | A kind of method for realizing UI layouts on iOS by XML |
| CN108429871A (en) * | 2018-03-16 | 2018-08-21 | 深圳市恒晨电器有限公司 | A kind of transmission method and system of UI images |
| CN105243082B (en) * | 2015-09-07 | 2018-11-30 | 百度在线网络技术（北京）有限公司 | The recombination method and reconstruction unit of scalable vector graphics image |
| CN113643410A (en) * | 2021-08-24 | 2021-11-12 | 凌云光技术股份有限公司 | GUI (graphical user interface) graphic control design method and device for positioning elliptic arc curve |
| US20220092727A1 (en) * | 2020-06-03 | 2022-03-24 | Dell Products, Lp | System and method for pre-boot dynamic video rendering and graphics interpretation by a virtual graphics browser |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102331933A (en) * | 2011-09-30 | 2012-01-25 | 南京航天银山电气有限公司 | Embedded software interface implementing method and system |
| CN102340698A (en) * | 2011-10-12 | 2012-02-01 | 福建新大陆通信科技股份有限公司 | Scalable vector graphics (SVG)-based set-top box interface representation method |
| CN102831167A (en) * | 2012-07-24 | 2012-12-19 | 东软集团股份有限公司 | XML (extensive makeup language) processing method and device for graph structure |
-
2013
- 2013-03-21 CN CN2013100939320A patent/CN103226471A/en active Pending
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102331933A (en) * | 2011-09-30 | 2012-01-25 | 南京航天银山电气有限公司 | Embedded software interface implementing method and system |
| CN102340698A (en) * | 2011-10-12 | 2012-02-01 | 福建新大陆通信科技股份有限公司 | Scalable vector graphics (SVG)-based set-top box interface representation method |
| CN102831167A (en) * | 2012-07-24 | 2012-12-19 | 东软集团股份有限公司 | XML (extensive makeup language) processing method and device for graph structure |
Non-Patent Citations (1)
| Title |
|---|
| 纪陵，等: "基于SVG的电力系统图形互操作研究", 《电力自动化设备》 * |
Cited By (19)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103617073A (en) * | 2013-11-01 | 2014-03-05 | 广东电网公司茂名供电局 | Method for analyzing and displaying picture file of electrical power system |
| CN103617073B (en) * | 2013-11-01 | 2017-02-01 | 广东电网公司茂名供电局 | Method for analyzing and displaying picture file of electrical power system |
| CN103559353A (en) * | 2013-11-07 | 2014-02-05 | 南京国电南自轨道交通工程有限公司 | Design method of dynamic behavior format in picture configuration of monitoring system based on SVG (scalable vector graphics) |
| CN103559353B (en) * | 2013-11-07 | 2016-11-09 | 南京国电南自轨道交通工程有限公司 | A kind of method for designing based on dynamic behaviour form in the monitoring system picture configuration of SVG |
| CN104680421A (en) * | 2013-11-26 | 2015-06-03 | 浙江大华系统工程有限公司 | Scalable vector graphics (SVG) display method and device |
| CN104680421B (en) * | 2013-11-26 | 2019-02-12 | 浙江大华系统工程有限公司 | A kind of saleable vector graphics SVG display methods and device |
| CN105653306B (en) * | 2014-11-25 | 2019-04-09 | 新华三技术有限公司 | The method and apparatus of display starting set interface |
| WO2016082755A1 (en) * | 2014-11-25 | 2016-06-02 | Hangzhou H3C Technologies Co., Ltd. | Displaying setup interface |
| CN105653306A (en) * | 2014-11-25 | 2016-06-08 | 杭州华三通信技术有限公司 | Method and device for displaying start Setup interface |
| CN104699483A (en) * | 2015-03-16 | 2015-06-10 | 东方电子股份有限公司 | Efficient achieving method for WEB assembly |
| CN105243082B (en) * | 2015-09-07 | 2018-11-30 | 百度在线网络技术（北京）有限公司 | The recombination method and reconstruction unit of scalable vector graphics image |
| US10108323B2 (en) | 2015-11-12 | 2018-10-23 | Xiaomi Inc. | Method and device for drawing a graphical user interface |
| CN105302445A (en) * | 2015-11-12 | 2016-02-03 | 小米科技有限责任公司 | Graphical user interface drawing method and device |
| CN107943477A (en) * | 2017-11-22 | 2018-04-20 | 北京酷我科技有限公司 | A kind of method for realizing UI layouts on iOS by XML |
| CN108429871A (en) * | 2018-03-16 | 2018-08-21 | 深圳市恒晨电器有限公司 | A kind of transmission method and system of UI images |
| US20220092727A1 (en) * | 2020-06-03 | 2022-03-24 | Dell Products, Lp | System and method for pre-boot dynamic video rendering and graphics interpretation by a virtual graphics browser |
| US11880908B2 (en) * | 2020-06-03 | 2024-01-23 | Dell Products L.P. | System and method for pre-boot dynamic video rendering and graphics interpretation by a virtual graphics browser |
| CN113643410A (en) * | 2021-08-24 | 2021-11-12 | 凌云光技术股份有限公司 | GUI (graphical user interface) graphic control design method and device for positioning elliptic arc curve |
| CN113643410B (en) * | 2021-08-24 | 2024-01-23 | 凌云光技术股份有限公司 | GUI graphic control design method and device for positioning elliptical arc curve |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN103226471A (en) | Design method of firmware GUI based on SVG | |
| CN104731584B (en) | A kind of customized configuration design method of Open Architecture CNC System of Display Interface | |
| CN110007917B (en) | Visual page generation and browsing method based on browser | |
| CN101446938B (en) | Method for generating table and processing device thereof | |
| CN105302569B (en) | A kind of method and apparatus for generating special-shaped window | |
| MacDonald | Pro WPF in VB 2010: Windows Presentation Foundation in. NET 4 | |
| Paterno et al. | Authoring pervasive multimodal user interfaces | |
| WO2011148343A1 (en) | Method and apparatus for specifying mapping parameters for user interface element presentation in an application | |
| JP2003186664A (en) | Dynamic adaptation of gui presentation to device platform | |
| WO2011148342A1 (en) | Method and apparatus for enabling generation of multiple independent user interface elements from a web page | |
| KR101456505B1 (en) | A user interface framework for developing web applications | |
| CN105528217A (en) | Partial refreshing method and device based on display list | |
| CN101276275A (en) | Software development visualizing editing method aiming at set top box | |
| CN102023805B (en) | Method for assisting in browsing text messages on software interface | |
| CN103870264A (en) | Programmable liquid crystal display module | |
| Lamberti et al. | Extensible GUIs for remote application control on mobile devices | |
| US20230343000A1 (en) | Method and apparatus for picture generation and storage medium | |
| Konecki et al. | Making programming accessible to the blinds | |
| WO2013170525A1 (en) | Method and device for presenting or drawing logical flow relationship of computer application program organization in the form of logical flow chart | |
| Kean et al. | Microsoft’s kinect sdk | |
| CN103135968A (en) | Intelligent display terminal system | |
| CN112905944A (en) | Page online dynamic generation method and device, electronic equipment and readable storage medium | |
| CN113296759A (en) | User interface processing method, user interface processing system, user interface processing device, and storage medium | |
| US20190163730A1 (en) | Systems and methods for a mobile device application having a markup-language document | |
| CN102662673B (en) | Man-machine interaction device for handheld device |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| C12 | Rejection of a patent application after its publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20130731 |