WO2013170525A1 - Procédé et dispositif de présentation ou de dessin de relation de flux logique d'une organisation de programme d'application d'ordinateur sous la forme d'un organigramme logique - Google Patents

Procédé et dispositif de présentation ou de dessin de relation de flux logique d'une organisation de programme d'application d'ordinateur sous la forme d'un organigramme logique Download PDF

Info

Publication number
WO2013170525A1
WO2013170525A1 PCT/CN2012/078124 CN2012078124W WO2013170525A1 WO 2013170525 A1 WO2013170525 A1 WO 2013170525A1 CN 2012078124 W CN2012078124 W CN 2012078124W WO 2013170525 A1 WO2013170525 A1 WO 2013170525A1
Authority
WO
WIPO (PCT)
Prior art keywords
interface
main component
module
logical flow
data
Prior art date
Application number
PCT/CN2012/078124
Other languages
English (en)
Chinese (zh)
Inventor
刘勇
Original Assignee
Liu Yong
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 Liu Yong filed Critical Liu Yong
Publication of WO2013170525A1 publication Critical patent/WO2013170525A1/fr

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/40—Transformation of program code
    • G06F8/41—Compilation
    • G06F8/43—Checking; Contextual analysis
    • G06F8/433—Dependency analysis; Data or control flow analysis
    • 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

Definitions

  • a logical flow chart showing or plotting the logic flow of a computer application organization
  • ⁇ , , and the method and apparatus enable the graphical user interaction interface of the computer program to be expanded into a representation form represented by a logic flow chart, and according to a logical flow relationship, using a graphic drawing API provided by an operating system or a hardware device to graphically represent the device
  • a graphic drawing API provided by an operating system or a hardware device to graphically represent the device
  • the layout of the logic flow connection diagram of the main program function execution component of the main input, processing, control, output, etc., using the point, line, wireframe, and graphical logic flow drawing method, and the logic flow connection diagram Arranging the logic flow of the program and further providing the user with an opportunity to modify the options between the logical process relationships.
  • the invention uses a graphical user interaction interface to express the logic and process relationship between the main function execution components of the program, and the user can further intuitively adjust the function of the main function execution component.
  • the interactive operation method can intuitively express the logical flow relationship of the main execution components of the computer program, and increase the ease of use of the computer program. Intuitively and quickly find the option to adjust computer programs to enhance the user experience.
  • the implementation idea of the present invention is that, in the computer hardware system, the logical relationship organization structure related data of the main function execution component in the computer program is saved, the logical relationship data is taken out from the saved data by the runtime, and the graphical image user interaction system is adopted. Presenting the flow logic of the computer program to the user and providing the user with an intuitive modification to adjust the application options
  • the computer components used in the present invention include a central processing unit (CPU) or a general microprocessor, a memory, a data storage device (such as a hard disk), and a display.
  • the process of computing using computer components includes the use of a central processing unit to manipulate the data bits and store them in a data structure (data stmcture).
  • the data structure physically adjusts the collected data bits, and its physical characteristics are electronic or electromagnetic.
  • the program steps or methods mentioned in this creation note are a series of steps performed by a computer to produce a particular result. These steps are generally performed on physical quantities that can be stored, transferred, combined, compared or otherwise processed in the form of electronic, electromagnetic or optical signals. These signal types have bits (t), values, symbols, texts, archive records, etc., and represent specific physical quantities. The existence of these signal types is only a general indication of the physical quantity of the budget stored in or within the computer.
  • the internal computer operation or data processing method usually refers to addition, subtraction, comparison, and data movement, and is performed through communication between the machine and the machine and the user.
  • the present invention discloses a method and apparatus for presenting or plotting a computer application organization logic flow relationship in a logical flow diagram manner.
  • the present invention provides an interface organization method for connecting and drawing a logic flow of each main function execution component of a computer program based on a graphical image user interaction interface, for at least
  • the main execution component module of the detachable computer program referred to as the main component module
  • the relational data module the component that saves the logic flow relationship data of the main component module
  • the logic flow chart is drawn
  • the interface is an arrangement algorithm component of the interface position arrangement operation, and is simply referred to as a graphic image user interaction system of the arrangement algorithm component.
  • the main component module uses the point, line, wireframe and graphical logic flow drawing as components in the drawing instruction of the graphic image system, and draws the main function of the expression program.
  • Graphical image layout of logical process relationships Further, the user can be provided with a drawing scheme for directly modifying the main function execution component and the logic flow relationship of the computer program in the arrangement drawing mode.
  • the method further includes:
  • the main component module performs interface layout drawing according to the data saved by the relational data module under the action of the arrangement algorithm component, and the runtime configuration parameter can save the arrangement data of the arrangement data or the application into the configuration option component of the application, the component Referred to as the configuration data module.
  • the method further includes:
  • the main component module can be drawn into the traditional computer program user interaction interface in the graphic image user interaction system, and the main operation of the computer program is completed by using a more traditional standard graphical tool.
  • the main component module can also be drawn in the graphical image user interaction system according to the data stored in the relational data module, and under the action of the arrangement algorithm component, an interface scheme capable of expressing the logical flow relationship of the main component module.
  • Two interface schemes which can be used as an interface component to arrange transitions in animated or non-animated form.
  • the method further includes:
  • the logical flow relationship and attributes of the main component module are stored in the relational data module, and are distributed together with the computer program when the computer program is released, or may be in the form of a relational data module or a configuration data module stored locally or on the network. Make storage and create data in use.
  • the method further includes:
  • the computer program can also directly initialize and display the main component module of the computer program in accordance with the data in the relational data module according to the data in the relational data module, and execute the function of the computer program to provide services for the user.
  • the method further includes:
  • the basic configuration option data saved in the configuration data module is given to the main component module, such as color, size, etc., to form an interface style organization scheme that conforms to the configuration option.
  • the method further includes:
  • the configuration options of the main component module or computer application can be modified, or the modification and adjustment of the logic flow data can be saved into the configuration data module to save the status and parameters for the program.
  • the method further includes:
  • the configuration options of the main component module or computer application can be modified, or the data generated by the modification of the logic flow data can be saved to the relational data module as needed.
  • the relational data module can be set as a data saving component that allows the user process data to be saved as needed.
  • the relational data module can be used as needed to save the logical flow relationships and data of the main component module, as well as the configuration option parameter data of the main component or application.
  • the method further includes:
  • the computer program is converted between the traditional standard interface organization scheme and the computer program interface organization scheme shown by the logic flowchart.
  • the input system of the computing terminal device can provide a trigger to the computer program according to the user's operation instruction.
  • the finger movement track command on the touch screen, or the keyboard button command, or other preset user operation request command mode is not limited to mainstream input devices such as a touch screen or a mouse button.
  • the method further includes:
  • the relational data module or the configuration data module is not limited to the data storage device on the local system, but may also be an off-site storage device or a data storage device on the network.
  • the present invention provides an interface organization device for connecting and mapping the logic flow of each main function execution component of a computer program based on a graphical image user interaction interface, which is configured to at least include:
  • the detachable computer program mainly executes the component module, which is referred to as the main component module.
  • the main component module can be arranged in the traditional interface application mode according to the requirements of the program interface, providing the user with the service, and performing the design use of the computer program; or according to the program interface usage requirements, using the logic flow chart mode, according to a certain interface organization row
  • the cloth algorithm performs logical flow connection display on the main component module.
  • the traditional interface application mode is more compact, based on the functional area division, and displays the computer program functions; the logic flow diagram is relatively loosely arranged, and the computer program functions are displayed based on the logical flow area division.
  • relational data module A component that holds the logic flow relationship data of the main execution component, referred to as the relational data module.
  • the data saved by the relational data module is used to support the representation of the logic flow of the computer application.
  • the content of the interface is drawn, as shown in Figure 3, at least:
  • Each main component module is used to realize the connection between the program function and other required main component modules.
  • the interface arrangement of the main component module and the points, lines, and graphical logic flow drawing methods for drawing the logical connection diagram are performed.
  • the processing objects of the arrangement algorithm component include: Main program component module
  • the computer graphics user interaction system presents a variety of operational interaction styles with the development of the system platform, and the amount of information, interface versatility and ease of use carried by the interface are gradually improved.
  • the amount of information that the graphical user interaction system can present to the user also has room to continue to be enriched, such as expressing a certain cognitive logic, standard flow, logical flow and function expressed by the computer program, logical division of the operation function, and
  • the option parameters of the X-inch operation object directly make adjustments and modifications such as interface information presentation forms.
  • the invention provides an interface organization method and device for displaying a logical flow connection relationship of each main function execution component of a program based on a graphical image user interaction interface system, and using computer graphic user interaction technology, when drawing a computer program interface,
  • the user provides an intuitive interactive operation method for adjusting the function options of the main function execution components, which can intuitively express the logical flow relationship of the main execution components of the computer program, increase the ease of use of the computer program, and intuitively and quickly find and adjust the computer program options. Where it is, enhance the user experience.
  • the logical flow relationship and data of each main component module in the main component module 12 of the computer application are stored in the relational data module 11 as needed.
  • the related data saved in the relational data module 11 includes at least the following figure: Main component module list
  • Each main component module is configured to implement a connection function between the program function and other required main component modules.
  • the main component module 12 acquires each main component from the relational data module 11 as needed.
  • the module-related logic flow data is then executed by the arrangement algorithm component 13 based on the logic flow data acquired by the main component module 12, and the main component module 12 is capable of representing the main component module 12 by using the interface arrangement organization algorithm of the arrangement algorithm component 13.
  • the interface of the logical flow relationship arranges organizational behavior calculations.
  • the interface drawing of the main component module 12 may be triggered by the computing terminal input device or the program preset 14 condition, which may be triggered by the user requirement in the running of the application, or may be drawn by the interface of the main component module 12, or It is the program setting that causes the main component module 12 to draw and present in a logical flow relationship diagram manner from beginning to end.
  • the user data formed by the main component module 12 during the interface rendering process can be saved in the configuration data module 15 to provide a reference or temporary storage of user data for subsequent operations.
  • relational data module 11 is exemplified as a read-only logical flow relationship data storage device for the main component module 12, but the data generated by the main component module 12 during the drawing or use of the graphical interface may also be stored as needed.
  • the functionality of the configuration data module 15 is incorporated into the relational data module 11.
  • Step 21 When the computer application receives the preset interface arrangement trigger condition or the user operation trigger interface arrangement instruction, the application program makes an interface arrangement organization response to the condition or the instruction.
  • Step 22 The main component module 12 reads the logical flow relationship of each main component module from the relational data module 11. It is the basis for arranging the organization of the interface of the algorithm component 13.
  • Step 23 The arrangement algorithm component 13 performs an interface organization operation on the main component module 12 according to the related logic flow relationship acquired by the main component module 12.
  • Step 24 The main component module 12 performs the interface layout drawing requirement according to the operation result of the arrangement operation component 13.
  • Step 25 If the configuration data, parameters, temporary data, or user data need to be saved during the running of the application, the data may be saved into the configuration data module 15, which is not required.
  • FIG. 5, FIG. 6, the present invention is further described in detail with reference to specific embodiments: wherein the graphical interface shown in FIG. 4 describes an artboard program drawn using a more traditional interface style, including the following main component modules: Menu bar 41, toolbar 42, color selection tool 43, main A window 44 is drawn, the main drawing window is vertical and horizontal scroll bar 45.
  • step 61 when the application receives the preset interface arrangement trigger condition or the user's operation instruction, the application is required to draw in a logical flow chart manner.
  • each main component 41, 42, 43, 44, 45 of the drawing board application interface obtains the relevant logical flow relationship from the relational data module, and prepares for the interface arrangement operation of the next main component module.
  • step 63 the arrangement algorithm component performs an interface organization operation on the main component module according to the logic flow relationship acquired by each main component of the drawing template application interface, so that the newly drawn graphical interface conforms to the expression application business logic flow relationship. Demand.
  • each main component 41, 42, 43, 44, 45 of the drawing template application interface performs an interface organization arrangement according to the operation result of the arrangement algorithm component, as shown in FIG. 5: abstracting the document operation object icon 501, and A menu 502 for organizing the editing of the document content is attached to the vicinity of the document operation object icon 501; the data storage object icon 503 is abstracted, and a menu 504 for organizing the data storage is attached to the vicinity of the data storage object icon 503;
  • the object icon 505 and the toolbar 506 for organizing or modifying the brush object are attached to the vicinity of the brush object icon 505;
  • the line object icon 507 is abstracted, and the toolbar 508 for organizing or modifying the line object is attached.
  • the connected data table and the main drawing window form a part 515 for modifying the main drawing window options such as the number of layers, the filter, and the like, and the drawing window attribute service; the data table connected by the vertical drawing line and the horizontal scroll bar extending from the main drawing window and the connecting line
  • the scroll bars described above collectively form part 514 for modifying the scroll bar attribute service for the user.
  • step 65 the artboard sample application can save the configuration parameters or option parameters to the configuration data module as needed to prepare for data multiplexing.
  • the graphical interface shown in FIG. 7 describes a character encoding conversion tool program that is drawn using a more traditional interface style, and includes the following main component modules: a character input field 71, a conversion button 72, and a character output field 73.
  • step 91 when the application receives the preset interface arrangement trigger condition or the user's operation instruction, the application is required to draw in a logical flow chart manner.
  • each of the main components 71, 72, 73 of the character encoding conversion example application interface acquires the relevant logical flow relationship from the relational data module, in preparation for the interface layout operation of the next main component module.
  • step 93 the arrangement algorithm component performs an interface organization operation on the main component module according to the logic flow relationship acquired by each main component of the character encoding conversion example application interface, so that the newly drawn graphic interface conforms to the expression application business logic. The need for process relationships.
  • each of the main components 71, 72, 73 of the character encoding conversion example application interface performs an interface organization arrangement in accordance with the operation result of the arrangement algorithm component.
  • Figure 8 Drawing a start icon 81 according to the application logic flow; drawing a function according to the application logic flow to receive input, processing the input, and displaying it in the processing box 82 of the input box, and attaching the character input field 71 to the above processing Near the frame 82; a condition selection box 83 is set according to the application logic flow to determine whether the "conversion" button is pressed, and the conversion button 72 is attached to the vicinity of the condition selection box 83; the condition is input according to the application logic flow.
  • condition selection box 84 draws a processing block 85 that functions as a conversion content and displays the output according to the application logic flow, and attaches the character output field 73 to the vicinity of the processing frame 85; draws the end according to the application logic flow Icon 86.
  • step 95 the character encoding conversion example application can save the configuration parameters or option parameters to the configuration data module as needed to prepare for data multiplexing.

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Software Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Stored Programmes (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

L'invention concerne un procédé pour présenter ou dessiner une relation de flux logique d'une organisation de programme d'application d'ordinateur sous la forme d'un organigramme logique qui consiste en ce que : un module de composant principal obtient une relation de flux logique de chaque composant principal à partir d'un module de données de relation; un composant d'arithmétique d'agencement effectue une arithmétique d'organisation et d'agencement d'interface conformément à la relation de flux logique obtenue par le module de composant principal; et le module de composant principal effectue des opérations d'agencement et de dessin d'interface conformément à un résultat d'arithmétique du composant d'arithmétique d'agencement. L'invention concerne également un dispositif pour présenter ou dessiner une relation de flux logique d'une organisation de programme d'application d'ordinateur sous la forme d'un organigramme logique de sorte que chaque module ait une fonction claire, et soit facile à maintenir et à étendre; et qu'une interface utilisateur puisse être affichée selon les besoins ou affichée dynamiquement.
PCT/CN2012/078124 2012-05-16 2012-07-03 Procédé et dispositif de présentation ou de dessin de relation de flux logique d'une organisation de programme d'application d'ordinateur sous la forme d'un organigramme logique WO2013170525A1 (fr)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
IBPCT/IB2012/052463 2012-05-16
IB2012052463 2012-05-16

Publications (1)

Publication Number Publication Date
WO2013170525A1 true WO2013170525A1 (fr) 2013-11-21

Family

ID=49583047

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2012/078124 WO2013170525A1 (fr) 2012-05-16 2012-07-03 Procédé et dispositif de présentation ou de dessin de relation de flux logique d'une organisation de programme d'application d'ordinateur sous la forme d'un organigramme logique

Country Status (1)

Country Link
WO (1) WO2013170525A1 (fr)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110531977A (zh) * 2019-09-04 2019-12-03 香港大德昌龙生物科技有限公司 仪器的自动化控制方法、装置、计算机设备和存储介质
CN110858117A (zh) * 2018-08-24 2020-03-03 阿里巴巴集团控股有限公司 业务信息的配置方法、装置及电子设备
CN111080170A (zh) * 2019-12-30 2020-04-28 北京云享智胜科技有限公司 一种工作流建模方法、装置、电子设备及存储介质

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101241433A (zh) * 2008-03-04 2008-08-13 浪潮集团山东通用软件有限公司 一种基于关系型数据库应用程序动态工具条的实现方法
CN101882074A (zh) * 2010-03-15 2010-11-10 浪潮集团山东通用软件有限公司 一种用于图形用户界面组合及布局的方法与系统
WO2011075390A1 (fr) * 2009-12-18 2011-06-23 Honda Motor Co., Ltd. Bloc morphable pour commande tactile
CN102436381A (zh) * 2011-11-15 2012-05-02 中兴通讯股份有限公司 一种界面布局的生成方法及装置

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101241433A (zh) * 2008-03-04 2008-08-13 浪潮集团山东通用软件有限公司 一种基于关系型数据库应用程序动态工具条的实现方法
WO2011075390A1 (fr) * 2009-12-18 2011-06-23 Honda Motor Co., Ltd. Bloc morphable pour commande tactile
CN101882074A (zh) * 2010-03-15 2010-11-10 浪潮集团山东通用软件有限公司 一种用于图形用户界面组合及布局的方法与系统
CN102436381A (zh) * 2011-11-15 2012-05-02 中兴通讯股份有限公司 一种界面布局的生成方法及装置

Cited By (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110858117A (zh) * 2018-08-24 2020-03-03 阿里巴巴集团控股有限公司 业务信息的配置方法、装置及电子设备
CN110858117B (zh) * 2018-08-24 2023-05-02 阿里巴巴集团控股有限公司 业务信息的配置方法、装置及电子设备
CN110531977A (zh) * 2019-09-04 2019-12-03 香港大德昌龙生物科技有限公司 仪器的自动化控制方法、装置、计算机设备和存储介质
CN110531977B (zh) * 2019-09-04 2023-08-11 香港大德昌龙生物科技有限公司 仪器的自动化控制方法、装置、计算机设备和存储介质
CN111080170A (zh) * 2019-12-30 2020-04-28 北京云享智胜科技有限公司 一种工作流建模方法、装置、电子设备及存储介质
CN111080170B (zh) * 2019-12-30 2023-09-05 北京云享智胜科技有限公司 一种工作流建模方法、装置、电子设备及存储介质

Similar Documents

Publication Publication Date Title
CN104731584B (zh) 一种开放式数控系统人机界面可定制的组态设计方法
CA2951145C (fr) Constructeur de page et procede de construction de page
KR101456506B1 (ko) 웹 어플리케이션 저작도구 및 저작 방법
US8810576B2 (en) Manipulation and management of links and nodes in large graphs
TWI539357B (zh) 用於觸碰賦能式指令執行之小型控制選單
US10223076B1 (en) Generating code based on user interactions with a user interface element in a code editor
US8843892B2 (en) Visual representations of code in application development environments
WO2014187285A2 (fr) Éditeur d'interface orientée utilisateur ordinaire, système d'exécution et procédé
WO2011116601A1 (fr) Dispositif et procédé permettant de mettre en œuvre une commutation d'écran paysage/portrait d'un terminal mobile
JP2012168959A (ja) ページ分割されたコンテンツを表示し、それと対話するための方法およびシステム
US20080163081A1 (en) Graphical User Interface Using a Document Object Model
CN103092612A (zh) 实现安卓操作系统3d桌面贴图的方法及电子装置
WO2013182089A1 (fr) Procédé et dispositif de réalisation de suspension d'objet
CN103473041B (zh) 一种可视化的数据处理方法及系统
JP2016045883A (ja) グラフ表示装置およびプログラムおよびサーバ装置
CN112652371A (zh) 一种用于智慧医疗领域的护理文书设计器及生成装置
WO2013170525A1 (fr) Procédé et dispositif de présentation ou de dessin de relation de flux logique d'une organisation de programme d'application d'ordinateur sous la forme d'un organigramme logique
CN101408843B (zh) 一种生成程序菜单的方法及其装置
JP6131004B2 (ja) オブジェクト表示方法、プログラム、及び装置
CN103365641A (zh) 一种gui开发工具的设计方法和系统
CN109192282B (zh) 医用图像注释的编辑方法、装置、计算机设备及存储介质
CN115691772A (zh) 运营可视化系统及相应计算机设备和存储介质
Kozminski Windows Presentation Foundation (WPF) technology meets the challenges of operator interface design in automatic test systems
CN109800039A (zh) 一种用户界面展示方法、装置、电子设备及存储介质
WO2020035076A1 (fr) Procédé et système de visualisation d'une étape de traitement de données d'un processus d'apprentissage automatique

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: 12877067

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: 12877067

Country of ref document: EP

Kind code of ref document: A1