CN104007961A - Visualization marking method used in graphical interface construction - Google Patents

Abstract

The invention discloses a visualization marking method used in graphical interface construction. According to a traditional graphical interface construction method, a WYSIWYG interface design tool is used for completing visual design of an interface, and then the interface operation logic is achieved through program encoding. According to the innovative visualization marking method used in graphical interface construction, the interface operation logic is packaged in a visualized special interface element (mark), the design and construction of the interface are finished totally in a visualization mode, and the operable interface can be obtained through mouse dragging and attribute setting.

Description

The visual mask method using in graphical interfaces builds

Technical field

The invention belongs to information system auxiliary development field, be particularly useful for the customized development of specialized information system.

Background technology

Along with country, enterprise, corporations etc. constantly increase in the input aspect informatization, information system has become part indispensable in daily life and that rely on, this also makes every profession and trade user more and more to the demand of information system function, also increasingly urgent to the requirement of functional development efficiency.

General all auxiliary by means of fast Development instrument of current information system exploitation, in the hope of obtaining efficient development efficiency, particularly carry out interface development by visualized graph interface design tool.But, current visualized graph interface design tool mainly provides the design of interface vision part, although partial logic function can be provided, but be not enough to all logics of support interface operation, therefore, coding code remains an indispensable important process, and the groundwork amount that this code is write all concentrates on the repetitive works such as verification, association, data source binding, the workload that has increased on the one hand exploitation is also the main source of system defect on the other hand.

In addition, information system user's level and experience are more and more higher, and a lot of users can, from the angle of business, taking system interface as point of penetration, propose the details demand to operation system, can understand and even design the logic needing.Most of users in routine duties, can produce electrical form, PPT etc. " interface " by visualization tool, in fact also just grasped the ability that uses visualized graph interface design tool in system development, but owing to not grasping the technical ability of coding, therefore, also must depend on professional program development personnel to the customization of information system function.

If on the basis of visualized graph interface design tool, by same method for visualizing, for interface instrument provides logic set-up function, the visual unit of logic that needs programming language to describe is usually represented, and set to build by same drag operation, attribute, so not only can alleviate widely program development personnel's workload, reduce mistake, more can make a large amount of personnel that do not grasp programming language and programming technical ability possess the invention of information system function.

Based on this reason, we propose a kind of visual mask method using in graphical interfaces builds, and carry out visual encapsulation originally writing the logic that code realizes, and in interface, can realize conventional logic function.

Summary of the invention

Object of the present invention provides a kind of workload of program development personnel that can alleviate widely in order to overcome the defect of above-mentioned prior art existence just, subtract mistake, more can make a large amount of personnel that do not grasp programming language and programming technical ability possess the visual mask method using of the invention of information system function in graphical interfaces builds.

The visual mask method using in graphical interfaces builds, feature of the present invention is, the visualization interface element that is called as " mark " is a figure that can be placed in design interface in visual interface design instrument, be that the label of shape or icon and spelling words intellectual and some tie points and connecting line form by one, label and tie point can carry out freely dragging in the time of interface;

By the position that drags to put label to label, to meet visual layout needs;

Tie point is control for associated other interface element, target is carried out to " mark ";

Its administration step is:

1) setting of the association of traditional interface element and control, verification, data source in usually completing constructed interface by a kind of particular interface unit that is called mark in graphical interfaces the build tool of What You See Is What You Get;

2) use graphical interfaces the build tool of this method can make interface and structure completely pull with the mode of attribute setting and operate with the mouse of What You See Is What You Get, no longer need program coding; Concerning the user of graphical interfaces the build tool, can realize the user interface design that need not write code;

3) because mark is disposable establishment, nonexpondable interface element, therefore they are reusable assemblies, have all advantages of assembly.

The invention has the beneficial effects as follows:

The method usually represents the visual unit of logic that needs programming language to describe, and set to build by same drag operation, attribute, not only can alleviate widely program development personnel's workload, reduce mistake, more can make a large amount of personnel that do not grasp programming language and programming technical ability possess the invention of information system function.

Brief description of the drawings

Fig. 1 is the schematic diagram with " future date " mark interface;

Fig. 2 is the schematic diagram of " A>B " mark.

Embodiment

See Fig. 1, Fig. 2, the visual mask method using in graphical interfaces builds, the visualization interface element that is called as " mark " in the present invention is a figure that can be placed in design interface in visual interface design instrument, be that the label of shape or icon and spelling words intellectual and some tie points and connecting line form by one, label and tie point can carry out freely dragging in the time of interface;

By the position that drags to put label to label, to meet visual layout needs;

Tie point is control for associated other interface element, target is carried out to " mark ";

Its administration step is:

1) setting of the association of traditional interface element and control, verification, data source in usually completing constructed interface by a kind of particular interface unit that is called mark in graphical interfaces the build tool of What You See Is What You Get;

2) use graphical interfaces the build tool of this method can make interface and structure completely pull with the mode of attribute setting and operate with the mouse of What You See Is What You Get, no longer need program coding; Concerning the user of graphical interfaces the build tool, can realize the user interface design that need not write code;

3) because mark is disposable establishment, nonexpondable interface element, therefore they are reusable assemblies, have all advantages of assembly.

The use-pattern of mark is below described by way of example.

Fig. 1 has shown two traditional interface elements, the control of two dates input makes the mark of " future date " be dragged to certain position one, and tie point has been dragged on the input frame that label is " planned start time ".

In this example, " future date " is a mark of realizing verifying function, for date of verification input whether after current date, after having completed and having dragged accordingly, just complete the logic of this verification, when interface is moved, mark can not show, but corresponding verifying function will automatically perform.

Fig. 2, on the basis of Fig. 1, increases the verification of " a being greater than " relation, and this mark has two tie points, shows A and B, for realizing the verification of A>B.

Claims (1)

1. the visual mask method using in graphical interfaces builds, it is characterized in that, the visualization interface element that is called as " mark " is a figure that can be placed in design interface in visual interface design instrument, be that the label of shape or icon and spelling words intellectual and some tie points and connecting line form by one, label and tie point can carry out freely dragging in the time of interface;

By the position that drags to put label to label, to meet visual layout needs;

Tie point is control for associated other interface element, target is carried out to " mark ";

Its administration step is:

1) the particular interface unit that is called " mark " by one in graphical interfaces the build tool of What You See Is What You Get usually complete constructed interface in association, verification, the setting of data source of traditional interface element and control;

2) use graphical interfaces the build tool of this method can make interface and structure completely pull with the mode of attribute setting and operate with the mouse of What You See Is What You Get, no longer need program coding; Concerning the user of graphical interfaces the build tool, can realize the user interface design that need not write code;

3) because mark is disposable establishment, nonexpondable interface element, therefore they are reusable assemblies, have all advantages of assembly.