CN109343849A - System, system UI design method and industrial touch screen - Google Patents
System, system UI design method and industrial touch screen Download PDFInfo
- Publication number
- CN109343849A CN109343849A CN201811116010.6A CN201811116010A CN109343849A CN 109343849 A CN109343849 A CN 109343849A CN 201811116010 A CN201811116010 A CN 201811116010A CN 109343849 A CN109343849 A CN 109343849A
- Authority
- CN
- China
- Prior art keywords
- function
- design method
- thin item
- page
- thin
- 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
- 238000013461 design Methods 0.000 title claims abstract description 32
- 238000000034 method Methods 0.000 title claims abstract description 30
- 230000006870 function Effects 0.000 claims description 65
- 238000012544 monitoring process Methods 0.000 claims description 5
- 238000004590 computer program Methods 0.000 claims description 4
- 238000011161 development Methods 0.000 description 2
- 230000018109 developmental process Effects 0.000 description 2
- 238000005314 correlation function Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012827 research and development Methods 0.000 description 1
- 238000005316 response function Methods 0.000 description 1
- 230000033772 system development Effects 0.000 description 1
- 239000002699 waste material Substances 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (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)
Abstract
The invention discloses a system, a design method of a system UI and an industrial touch screen, wherein the design method of the system UI comprises the following steps: dividing a frame page of a system UI into different functional areas; establishing a UI resource library containing corresponding function details for each functional area; and selecting corresponding function detailed items from the UI resource library to be arranged in each function area. According to the invention, the page is divided into different functional areas to carry out modular design, so that the same part of different systems can call the content of the same modular design, and the efficiency of developing the system is improved.
Description
Technical field
The present invention relates to the modular design methods and use of the design method of system UI more particularly to a kind of system UI
This method is come the system of building UI.
Background technique
Conventional system development is all to summarize corresponding function according to the demand of user, then at different levels according to functional development
Function pages, one engineering of every undertaking, it is necessary to aforesaid operations are come again according to an engineering, but same class in fact
In the system of type, even if user demand can be each different, but can also there be the identical content of major part, if a work
Journey is just developed once, will cause the waste of personnel, resource in this way.
Therefore, how to provide a kind of UI design method that efficiency can be improved is industry technical problem urgently to be resolved.
Summary of the invention
In order to solve the above-mentioned problems in the prior art, the invention proposes the design method of system UI a kind of, packets
It includes:
The frame page of system UI is divided into different functional areas;
It is established for each functional areas and contains the UI resources bank of the thin item of corresponding function;
The thin item of corresponding function is selected to be arranged into each functional areas from the UI resources bank.
It preferably, further include being associated with the relevant thin item of function between each functional areas.
It preferably, further include the login page that different user right and system are set for the thin item of each function.
In the technical scheme, the functional areas include menu bar and display field.In one embodiment, the menu
Column only includes further menu column, the thin item of each function direct one of the thin item of each function and display field in the further menu column
One corresponding association or the corresponding association by the way of one-to-many.In other embodiments, the menu bar includes multilevel menu column,
For the thin item of each function of the menu bar at different levels step by step after corresponding association, the thin Xiang Zaiyu of each function of the menu bar of afterbody is corresponding
Display field the corresponding association of the thin item of each function.For example, the menu bar includes two hierarchical levels of menus column, the further menu column
The thin item of each function respectively with the thin item of each function on second-level menu column by the way of one-to-many it is corresponding association after, second-level menu column
The thin item of each function be that the thin item of each function of display field corresponds association or the corresponding pass using one-to-many by the way of
Connection.
Specifically, the thin item of the function of the menu bar is feature list.The thin item of the function of the display field is specific
Function pages.
Specifically, the frame page of the system UI, login page and UI resources bank are stored in remote server.
The invention also provides a kind of systems, the page including server, in server, and the page is using above-mentioned
Design method described in any one claim designs UI.
Preferably, the system on the local computer loading page when, first access local computer page cache, if
It does not call, and stores into page cache from remote server again.
Preferably, when the thin item of each function of the system loads, the memory for first accessing local computer calls UI resources bank, if
It does not call, and is stored in memory from remote server again.
In a specific embodiment, the system is electric power peak tune monitoring system.The system contains at least one
Engineering, each engineering are associated with a set of page and the thin item of function.
The invention also provides a kind of graphic control panel, it is stored with computer program, when execution realizes above-mentioned technology
Design method in scheme.
The present invention develops unified frame page, and be divided into different function by the common ground of each system of summary, each engineering
Can area, the UI database comprising functional thin item is designed according to each functional areas so that each system, each engineering research and development when,
Different templates can be applied, development efficiency is improved, further, develops the system of completion in load, it is preferably slow from the page
Deposit or memory in obtain the relevant page or data, if not going to download in remote server again, improve the page load
Speed, user experience is more preferably.
Detailed description of the invention
Below with reference to embodiment and attached drawing, the present invention is described in detail, in which:
Fig. 1 is flow chart of the method for the present invention.
Fig. 2 is flow chart of the present system in load.
Specific embodiment
The specific of system UI modular design method proposed by the present invention is described in detail below in content according to figure 1
Step.
The integral layout of system UI is divided into different functional areas first, corresponding function is designed in each functional areas
Thin item.According to most management system, monitoring system etc. in the present embodiment, the integral layout of UI is divided into menu bar and data
Viewing area, the thin item of the function of menu bar can be the feature list being made of button, hyperlink etc., and the function of display field is thin
Xiang Ze is the specific function pages for response function list.
Then, it is established for each functional areas and contains the UI resources bank of the corresponding thin item of function, that is, established and contain function column
The UI resources bank of table and specific function pages.The possible concrete function of different systems can have difference, but also have larger portion
It is identical for dividing, and division of teaching contents involved by each functional areas is the thin item of each function by the present invention, with the project amount of undertaking
Increase, UI resources bank can be enriched, keep the thin item of function in UI resources bank more and more comprehensive, will for the design of system UI
Greatly improve efficiency.
Then the corresponding thin item of function is selected to be arranged into each functional areas according to the needs of Practical Project from UI resources bank
In, it is associated with the relevant thin item of function between each functional areas later, so that the thin item of correlation function that user clicks higher level functional areas can
To respond the corresponding thin item of junior's function.In one embodiment, menu bar only includes further menu column, in further menu column
Each thin item of function can be corresponded directly with the thin item of each function of display field and is associated with, or by the way of one-to-many
Corresponding association.In another embodiment, menu bar also may include multilevel menu column, and each function of the menu bars at different levels is thin
After item corresponds to association step by step, the thin item of each function of the corresponding display field of the thin Xiang Zaiyu of each function of the menu bar of afterbody
Corresponding association.For example, menu bar may include two hierarchical levels of menus column, the thin item of each function on further menu column respectively with second-level menu column
The thin item of each function by the way of one-to-many after corresponding association, the thin Xiang Zaiyu display field of each function on second-level menu column
Each thin item of function corresponds association or the corresponding association by the way of one-to-many.
On the basis of the above, it can also be the corresponding permission of user setting of system, be convenient for system administration.
The present invention also protects the system built using the above method, includes the page of server and storage on the server
Face, these pages be by adopting the above technical scheme in design method carry out modularized design.The system can be electric power peak
Monitoring system is adjusted, contains at least one engineering, the accessible engineering of the user of system in electric power peak tune monitoring system
Accessible multiple engineerings, specifically according to its permission depending on.Each engineering is associated with a set of frame page and corresponding function
The thin item of energy, frame page divide different functional areas, and in a specific embodiment, some engineering contains two hierarchical levels of menus column
With a display field.
Table can be associated to by ID when being associated with each functional areas in engineering in the permission of specifically setting user and engineering
Mode carries out.User possesses its corresponding User ID, and each engineering also has its engineering ID, and a user may possess multiple works
The corresponding relationship of the access authority of journey, each group of user and engineering possesses a user engineering ID, forms following table 1.Using
Same mode makes user engineering ID form corresponding relationship (table 2) with further menu column again, makes further menu column and second level dish
Single column forms corresponding relationship (table 3), and second-level menu column is made to form corresponding pass with the specific function pages of display field
It is (table 4).
Table 1
Table 2
Table 3
Table 4
Fig. 2 gives the specific flow chart of system loading page when in use.The system is when in use, it is necessary first to which opening is stepped on
The page is recorded, system can preferentially access the page cache of local computer, see whether the html file of available login page,
If not called from remote server again, and store into page cache.
User inputs relevant information, such as User ID, engineering ID etc. on login page.Then system obtains user's input
User ID and engineering ID user and the corresponding menu bar of engineering preferentially searched from memory according to User ID, engineering ID
The corresponding concrete function page of feature list, display field, if not having in memory, being downloaded from remote data base and storing
Into memory.
Then, system can preferentially access the page cache of local computer, see whether available frame page
Html file if not calling from remote server again, and is stored into page cache.Then the html file obtained is by about
The fixed relevant feature list of region loaded and displayed and display field.
System in this way improves data acquisition and page load by way of introducing page cache and memory database
Speed.
The software (i.e. computer program) of above-mentioned achievable design method is stored in graphic control panel, which (calculates
Machine program) execute when realize above-mentioned technical proposal in design method.
The foregoing is merely illustrative of the preferred embodiments of the present invention, is not intended to limit the invention, all in essence of the invention
Made any modifications, equivalent replacements, and improvements etc., should all be included in the protection scope of the present invention within mind and principle.
Claims (16)
1. a kind of design method of system UI characterized by comprising
The frame page of system UI is divided into different functional areas;
It is established for each functional areas and contains the UI resources bank of the thin item of corresponding function;
The thin item of corresponding function is selected to be arranged into each functional areas from the UI resources bank.
2. the design method of the system as claimed in claim 1 UI, which is characterized in that further include: it is associated with phase between each functional areas
The thin item of the function of pass.
3. the design method of the system as claimed in claim 1 UI, which is characterized in that further include: not for the thin item setting of each function
The login page of same user right and system.
4. the design method of the system as claimed in claim 1 UI, which is characterized in that the functional areas include menu bar and data
Viewing area.
5. the design method of system UI as claimed in claim 4, which is characterized in that the menu bar only includes further menu
Column, the thin item of each function in the further menu column is directly corresponded with the thin item of each function of display field to be associated with or uses
The corresponding association of one-to-many mode.
6. the design method of system UI as claimed in claim 4, which is characterized in that the menu bar includes multilevel menu column,
For the thin item of each function of the menu bar at different levels step by step after corresponding association, the thin Xiang Zaiyu of each function of the menu bar of afterbody is corresponding
Display field the corresponding association of the thin item of each function.
7. the design method of system UI as claimed in claim 6, which is characterized in that the menu bar includes two hierarchical levels of menus column,
The thin item of each function on the further menu column respectively with the thin item of each function on second-level menu column by the way of one-to-many it is corresponding close
After connection, the thin item of each function on second-level menu column is that the thin item of each function of display field corresponds association or using a pair of
The corresponding association of more modes.
8. the design method of system UI as claimed in claim 4, which is characterized in that the thin item of the function of the menu bar is function
List.
9. the design method of system UI as claimed in claim 4, which is characterized in that the thin item of the function of the display field is
Specific function pages.
10. the design method of system UI as claimed in claim 3, which is characterized in that the frame page of the system UI logs in
The page and UI resources bank are stored in remote server.
11. a kind of system, the page including server, in server, which is characterized in that the page is using above-mentioned any
Design method described in one claim designs UI.
12. system as claimed in claim 11, which is characterized in that the system is first visited in local computer loading page
It asks the page cache of local computer, if not called from remote server again, and stores into page cache.
13. system as claimed in claim 11, which is characterized in that when the thin item of each function of system loads, first access is local
The memory of computer calls UI resources bank, if not calling from remote server again, and is stored in memory.
14. system as claimed in claim 11, which is characterized in that the system is electric power peak tune monitoring system.
15. system as claimed in claim 14, which is characterized in that the system contains at least one engineering, each engineering
It is associated with a set of page and the thin item of function.
16. a kind of graphic control panel, is stored with computer program, which is characterized in that real when the computer program executes
The now design method as described in claim 1-10 any one.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811116010.6A CN109343849A (en) | 2018-09-25 | 2018-09-25 | System, system UI design method and industrial touch screen |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811116010.6A CN109343849A (en) | 2018-09-25 | 2018-09-25 | System, system UI design method and industrial touch screen |
Publications (1)
Publication Number | Publication Date |
---|---|
CN109343849A true CN109343849A (en) | 2019-02-15 |
Family
ID=65306758
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201811116010.6A Pending CN109343849A (en) | 2018-09-25 | 2018-09-25 | System, system UI design method and industrial touch screen |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109343849A (en) |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101321306A (en) * | 2008-06-16 | 2008-12-10 | 华为技术有限公司 | Method and device for creating business and deploying business |
CN102654833A (en) * | 2012-02-01 | 2012-09-05 | 中兴通讯(香港)有限公司 | Mobile phone application development method and system |
US20170068519A1 (en) * | 2015-05-13 | 2017-03-09 | Nadia Analia Huebra | Computer-applied method for displaying software-type applications based on design specifications |
CN106557314A (en) * | 2016-10-19 | 2017-04-05 | 深圳智慧林网络科技有限公司 | Applied software development method and device |
CN108520010A (en) * | 2018-03-19 | 2018-09-11 | 成都星环科技有限公司 | A kind of intelligence page layout method |
CN108563432A (en) * | 2018-03-14 | 2018-09-21 | 广东能龙教育股份有限公司 | Android application program componentization rapid development method through route configuration |
-
2018
- 2018-09-25 CN CN201811116010.6A patent/CN109343849A/en active Pending
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101321306A (en) * | 2008-06-16 | 2008-12-10 | 华为技术有限公司 | Method and device for creating business and deploying business |
CN102654833A (en) * | 2012-02-01 | 2012-09-05 | 中兴通讯(香港)有限公司 | Mobile phone application development method and system |
US20170068519A1 (en) * | 2015-05-13 | 2017-03-09 | Nadia Analia Huebra | Computer-applied method for displaying software-type applications based on design specifications |
CN106557314A (en) * | 2016-10-19 | 2017-04-05 | 深圳智慧林网络科技有限公司 | Applied software development method and device |
CN108563432A (en) * | 2018-03-14 | 2018-09-21 | 广东能龙教育股份有限公司 | Android application program componentization rapid development method through route configuration |
CN108520010A (en) * | 2018-03-19 | 2018-09-11 | 成都星环科技有限公司 | A kind of intelligence page layout method |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
Ellis et al. | Officetalk-D: An experimental office information system | |
KR102002754B1 (en) | Codeless sharing of spreadsheet objects | |
US7523147B2 (en) | Method and system for managing inventory for a migration using history data | |
CN100553214C (en) | Mobile virtual environment system | |
US20050114361A1 (en) | Method and apparatus for integrating data repositories and frameworks | |
US20090133100A1 (en) | Access control on dynamically instantiated portal applications | |
CN111427491A (en) | Method and device for configuring system background menu button | |
US20150082138A1 (en) | Object templates for data-driven applications | |
KR101275871B1 (en) | System and method for producing homepage in SaaS ENVIRONMENT, A computer-readable storage medium therefor | |
US10585658B2 (en) | Architectures and techniques for record protection and field management | |
JP2007133568A (en) | Multilayer work support device, and allocation method, display method, and program for the same multilayer work support device | |
US20240028991A1 (en) | Flexible Work Breakdown Structure | |
CN110780953A (en) | Combined computer application | |
CN105279431A (en) | Method, device, and system for recording operation information in mobile device | |
CN107544723A (en) | A kind of exchange method of application program, apparatus and system | |
CN109343849A (en) | System, system UI design method and industrial touch screen | |
CN102402598A (en) | Application file system access | |
US7065717B1 (en) | Tree-based interface apparatus for display of call dependencies and method therefor | |
Lif et al. | Workspaces enhance efficiency–theories, concepts and a case study | |
CN105938431A (en) | Web page developing method and device | |
CN112632930A (en) | Table data control method and device | |
CN111198675B (en) | Management and control method and system | |
CN117992991B (en) | Database data encryption method and device based on multiple granularities | |
CN112307380A (en) | Content display control method and device | |
KR20210026389A (en) | Integrated support system for software development andmethod thereof |
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: 20190215 |
|
RJ01 | Rejection of invention patent application after publication |