CN112783405A - 一种在计算机上制作和显示流程图的方法 - Google Patents
一种在计算机上制作和显示流程图的方法 Download PDFInfo
- Publication number
- CN112783405A CN112783405A CN202110098095.5A CN202110098095A CN112783405A CN 112783405 A CN112783405 A CN 112783405A CN 202110098095 A CN202110098095 A CN 202110098095A CN 112783405 A CN112783405 A CN 112783405A
- Authority
- CN
- China
- Prior art keywords
- card
- flow
- cards
- display
- display screen
- 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.)
- Granted
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
Landscapes
- Engineering & Computer Science (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
本发明公开了一种在计算机上制作和显示流程图的方法,包括:电子显示屏幕,其耦合到处理器,处理器接收电子显示屏幕上的输入信号并操作计算机系统中的相应程序的流程布置图中的流程卡;流程布置图是指具有并列或先后关系的多个用于完成流程操作的卡的布置图;在特定显示模式下,通过改变显示屏幕中存在的流程卡的位置来对在电子显示屏幕上意在实现向某一方向定向移动的操作进行响应;本发明在编辑流程图时,不需要单独进入编辑界面而直接对流程图中的步骤进行编辑,十分便捷和直观,使得编辑过程变得极为简单,用户更容易将注意力资源集中在每一个细化后的步骤中,提高效率。
Description
技术领域
本发明涉及流程卡信息技术领域,尤其涉及一种在计算机上制作和显示流程图的方法。
背景技术
人们越来越依赖计算机完成各类业务,日常生活中面临日益繁多的各类操作,例如各类公司ERP系统中设置的纷繁复杂的系统业务操作流程、银行业务系统、或者生活中的交个人所得税,手机银行,支付宝办理各种业务等,这些各类业务的操作流程让人目不暇接,成为人们记忆的负担,对于初次接触相关业务的人员或者老人,常常更加感觉无从下手,不知所从,对智能设备上的流程化操作已成为了他们生活中一道严重的障碍(例如网传不知如何在手机办理业务被人为难默默流泪的老人)。当前存在的流程处理方案,例如百度公司在网页中的分步阅读,通过滑动每一项步骤来显示每一步的过程,但这种方式仅仅体现为一维模式,对于复杂的流程化作业无法进行详尽的展示,而且编辑需要在专门的后台编辑界面进行编辑,且在编辑的时候不能够直观的以流程化的二维布置的图片阵列中显示整个流程结构图和每一步在整个流程结构中的位置(或者说每一步的背景位置)。因此这种流程显示模式不能够根据具体的情况很好地进行分类处理。
因此当前迫切需要一种傻瓜式的流程指导工具,当人们拿到这种工具,只需要判断当前所处的环节与该流程环节中的某一步是相同还是不同,相同时只需要继续执行下一步,不同时通过切换找到与流程步骤对应的流程环节,这样每一步只需要对比判断是或否即可完成整个流程的执行,实现复杂流程的傻瓜式操作。对于编辑人员,当流程需要编辑时,直接对流程图中的步骤进行编辑而不需要再单独进入特定的编辑界面,这就显得十分便捷和直观。
例如中国长沙冉星科技有限公司的问卷星操作方式,在编辑时需要在单独的编辑后台对问卷进行编辑,当某一个步骤执行完毕以后需要执行下一个步骤(或题目)时,其利用在编辑后台单独设置该流程的逻辑跳转目的选项来实现,是在一维的流程过程中设置单个的流程跳转逻辑来实现,这种操作是不够便捷和直观的。这种当前的流程在添加流程步骤时需要在单独的编辑页面对每一步进行编辑,编辑页面与使用界面分开,编辑界面不能直观地体现所处的具体流程节点和位置背景,编辑过程不够直观,且相对繁琐。
发明内容
本发明主要解决现有的技术中流程图的制作较为繁琐和复杂的问题;提供一种在计算机上制作和显示流程图的方法,不需要进入编辑界面可直接对流程图中的步骤进行编辑,更加便捷和直观,流程图的制作更加简单和快捷。
本发明的上述技术问题主要是通过下述技术方案得以解决的:一种在计算机上制作和显示流程图的方法,采用计算机,所述计算机具有电子显示屏幕,包括:电子显示屏幕,其耦合到处理器,所述处理器接收所述电子显示屏幕上的输入信号并操作计算机系统中的相应程序的流程布置图中的流程卡;所述流程布置图是指具有并列或先后关系的多个用于完成流程操作的卡的布置图;在特定显示模式下,通过改变所述显示屏幕中存在的流程卡的位置来对在所述电子显示屏幕上意在实现向某一方向定向移动的操作进行响应;这通过如下来进行:基于意在实现向某一方向定向移动的操作来将流程布置图中的在逻辑上临近的某一张或多张流程卡识别为主显示卡并在电子显示屏幕上进行显示;在编辑模式下,所述处理器:可以对流程布置图中的多个流程卡及流程卡上面所载信息进行编辑如新增流程卡、删除流程卡或修改流程卡的内容;所述计算机系统中的相应程序包括流程卡编辑模块和流程卡显示控制模块;应用分为如下步骤:
步骤A:利用流程卡编辑模块完成流程图及流程图中流程卡的编辑,并明确流程卡的显示逻辑关系;
步骤B:在特定显示模式下,通过流程卡显示控制模块在电子显示屏幕上使某一张或多张在逻辑上具有相互临近关系的流程卡确定为主显示卡;
步骤C:在特定显示模式下,基于用户操作在电子显示屏幕上使某一张或多张主显示卡角色转移至与其在逻辑上具有邻近关系的流程卡,并在特定显示模式下对重新定义为主显示卡的一张或多张卡进行显示。
对于本发明而言,所述电子显示屏幕可以为触摸屏,也可以为计算机上的非触摸电子显示屏,对于所述轻击、双指滑动等操作,针对触摸屏而言,对于所述点击操作,针对非触摸电子显示屏,对于拖动、划动、点击按钮等操作,显然既可以针对触摸电子显示屏,也可以针对非触摸电子显示屏,其中,耦合的定义包括通过触摸屏将电子显示屏幕的输入信号输送到处理器,同时包括通过鼠标点击屏幕中所处位置的方式,将信号输送到处理器,通过本发明的设计,可以很容易的在移动端以及PC端进行流程布置图的设计,设计过程更加便捷和简单,其中,主显示卡为电子显示屏幕中显示的一张或若干张流程卡的定义。
作为优选,所述流程图布置图以二维的形式进行布置,其分支节点默认情况下节点之前的各分支为“或”的逻辑关系,也可以标记为“与”的逻辑关系,当节点之前的各分支被标记为“与”的逻辑关系时,各分支被串联执行,且在不采取干涉措施的情况下需要依次连续执行完毕各分支之后才能使“与”节点之后的流程卡被正常执行;在编辑模式下,在某一流程卡上可以添加指向任意另一个流程卡的联系线,用于使被连接的两张流程卡建立先后显示关系,所述联系线通过设置方向标记(如箭头)以明确两个流程卡的先后关系,当某一流程卡设置多个联系线时,联系线用颜色、虚实、粗细或编号等不同的方式区分不同的工作流程。通过联系线确定两个流程卡之间的关系,使得流程图的先后顺序明确。
作为优选,在作为主显示卡的一张或多张卡中,其中一个被选中的流程卡为焦点卡,所述焦点卡联动主显示卡的切换而切换。通过手指触摸屏幕中的某张流程卡或通过鼠标点击屏幕中的某张流程卡时,该流程卡为视为焦点卡,被选中作为焦点卡的流程卡,通过再次选中可流程卡进行编辑、删除或新增操作。
作为优选,所述流程卡具有适屏模式,在所述适屏模式下,所述处理器在所述电子显示屏幕上提供针对所述多个流程卡中的主显示卡的用户界面或在具有多余显示空白的情况下显示与主显示卡相邻某一方向的部分至多个流程卡的用户界面,以实现主显示卡获得较好展示效果的同时尽可能多的提供相邻流程卡信息,方便焦点流程卡的展示以及提供相邻流程卡信息,并方便对相邻流程卡的选取。
作为优选,所述处理器配置有组合显示模式,所述相邻的一些流程卡进行组合,并在电子显示屏幕上以组合的效果进行显示。使得具有先后顺序关系的流程卡之间的内容能更加直观的展示,方便用户观看和进行编辑。
作为优选,所述处理器配置有流水显示模式,所述相邻的具有前后关系的流程卡进行连接显示,具有并列关系的多张流程卡也在先后方向进行依次排列,在流程卡滑动过程中电子显示屏幕上的一张或多张流程卡先后依次被作为主显示卡,当并列的流程卡其中一个被选中为焦点卡时,所述焦点卡的后续流程卡将被作为主显示卡进行显示,所述焦点卡及其后续流程卡可以响应划屏操作在流水线方向上停留在电子显示屏幕上的任意位置。设置流水显示模式,当某一流程图的某一步骤具有并列的多个步骤时,由于屏幕大小的限制,无法并列显示全部步骤的流程卡,通过点击并列的流程卡的某张卡时,与该卡具有并列关系的卡通过特定方式进行排列显示,并可通过滑动找到该焦点流程卡的上下关系的对应的流程卡,用户也可以通过流水显示模式下的操作界面,进行流程卡的快速滑动。在流水模式下,具有焦点的卡为主显示卡中的一个,其被区别显示并默认为当前与用户进行互动的卡,焦点卡将随各卡的上下滑动操作而在流水模式中的前后各卡之间进行切换。
作为优选,意在实现所述流程卡向某一方向进行定向移动的操作包括沿某一方向的定向滑动、拖拽手势、在流程卡的移动方向处的边缘位置的轻击、表示流程卡移动方向的按钮和遥控操作;在编辑模式下,某一方向上双指滑动可以在该方向上连续添加或删除多个流程卡,添加或删除的数量正相关于滑动距离与流程卡在屏幕中的显示尺寸的比值;在显示模式下,在某一方向上双指滑动使被具有焦点的流程卡的执行标记被取反,即未被执行的将被标记为执行,被执行的将被标记为未被执行。使得流程图中各个流程卡的制作、删除和修改更加方便快捷。
作为优选,用户可以与流程卡进行互动,互动内容包括选择选项、输入内容、拍照、录音、录入视频、添加执行标记、上传文件、打分、滑动条、量表选择、数量选择、排序和输入供计算机进行计算的变量或程序代码。丰富流程卡的内容,使得流程卡的内容更加全面,满足业务流程以及工艺流程的需求。
作为优选,所述的二维布置图响应于用户缩放输入时,电子显示屏幕上流程卡布置图的显示范围固定在从一张卡到整个流程卡布置图之间的任何一个值,所述流程卡可以根据一定的规则设置隐藏,隐藏时该流程卡在显示或执行过程中将被忽略。
作为优选,在所述电子显示屏幕上设置导航图,导航图以缩小窗口形式展示焦点卡在流程卡布置图中的位置。方便用户对于流程图的大方向上的把握,了解自身制作的流程图到达了哪一步骤,使得流程图的制作过程的思路更加清晰,加快流程图的制作。
本发明的有益效果是:在实现利用计算机对流程性操作进行特定显示模式下的演示功能的同时,不需要单独进入编辑界面即可直接实现对演示内容所在流程图中对应的流程卡进行编辑,编辑过程中每一张流程卡均可以直观地体现其所在流程中的位置以及其与其它卡的逻辑关系,这使编辑过程变得极为直观和简单,用户更容易直观地控制流程卡的显示过程,在编辑和演示过程也能够将有限的注意力资源集中在每一个细化后的步骤中,既不容易出现思维上的混乱,也不容易出现流程上的混乱,提高效率;本发明最终在计算机上实现对复杂作业的演示过程的控制简化,并让用户沿着自身选择的流程路径在流程卡的指导下实现复杂流程的傻瓜式操作。
附图说明
图1是本发明实施例的流程卡在显示屏中的滑动示意图。
图2是本发明实施例的流程卡显示在显示屏中的示意图。
图3是本发明实施例的流程卡在显示屏中即将滑动的示意图。
图4是本发明实施例的导航图的示意图。
图5是本发明实施例的以START卡为焦点卡的示意图。
图6是本发明实施例的以A3-B1卡为焦点卡的示意图。
图7是本发明实施例的以A1卡为焦点卡的示意图。
图8是本发明实施例的以B3-B1卡为焦点卡的示意图。
图9是本发明实施例的组合模式下的多卡显示的示意图。
图10是本发明实施例的适屏模式下并列流程卡的显示示意图。
图11是本发明实施例的在流水模式下以B3-A1卡为焦点卡的示意图。
图12是本发明实施例的在流水模式下以B3-C1卡为焦点卡的示意图。
图13是本发明实施例的展示全部流程布置图的示意图。
图14是本发明实施例的展示部分流程布置图的示意图。
具体实施方式
下面通过实施例,并结合附图,对本发明的技术方案作进一步具体的说明,本发明中所述涉及卡的关系的词语如“前后”、“上下”、“左右”一般是值对逻辑上的关系的描述。
一种在计算机上制作和显示流程图的方法,采用计算机,计算机具有电子显示屏幕,包括:电子显示屏幕,其耦合到处理器,处理器接收电子显示屏幕上的输入信号并操作计算机系统中的相应程序的流程布置图中的流程卡;流程布置图是指具有并列或先后关系的多个用于完成流程操作的卡的布置图;在特定显示模式下,通过改变显示屏幕中存在的流程卡的位置来对在电子显示屏幕上意在实现向某一方向定向移动的操作进行响应;这通过如下来进行:基于意在实现向某一方向定向移动的操作来将流程布置图中的在逻辑上临近的某一张或多张流程卡识别为主显示卡并在电子显示屏幕上进行显示;在编辑模式下,处理器:可以对流程布置图中的多个流程卡及流程卡上面所载信息进行编辑如新增流程卡、删除流程卡或修改流程卡的内容;计算机系统中的相应程序包括流程卡编辑模块和流程卡显示控制模块;应用分为如下步骤:步骤A:利用流程卡编辑模块完成流程图及流程图中流程卡的编辑,并明确流程卡的显示逻辑关系;步骤B:在特定显示模式下,通过流程卡显示控制模块在电子显示屏幕上使某一张或多张在逻辑上具有相互临近关系的流程卡确定为主显示卡;步骤C:在特定显示模式下,基于用户操作在电子显示屏幕上使某一张或多张主显示卡角色转移至与其在逻辑上具有邻近关系的流程卡,并在特定显示模式下对重新定义为主显示卡的一张或多张卡进行显示。
流程图布置图以二维的形式进行布置,其分支节点默认情况下节点之前的各分支为“或”的逻辑关系,也可以标记为“与”的逻辑关系,当节点之前的各分支被标记为“与”的逻辑关系时,各分支被串联执行,且需要依次连续执行完毕各分之后才能使“与”节点之后的流程卡被执行;在编辑模式下,在某一流程卡上可以添加指向任意另一个流程卡的联系线,用于使被连接的两张流程卡建立先后显示关系,联系线通过设置方向标记(如箭头)以明确两个流程卡的先后关系,当某一流程卡设置多个联系线时,联系线用颜色、虚实、粗细或编号等不同的方式区分不同的工作流程。
在作为主显示卡的一张或多张卡中,其中一个被选中的流程卡为焦点卡,焦点卡联动主显示卡的切换而切换。
流程卡具有适屏模式,在适屏模式下,处理器在电子显示屏幕上提供针对多个流程卡中的主显示卡的用户界面或在具有多余显示空白的情况下显示与主显示卡相邻某一方向的部分至多个流程卡的用户界面,以实现主显示卡较好展示效果的情况下尽可能多的提供相邻流程卡信息。
在电子显示屏幕上设置导航图,导航图以缩小窗口形式展示主显示卡、焦点卡在流程卡布置图中的位置。
处理器配置有组合显示模式,在逻辑上相邻的一些流程卡进行组合,并在电子显示屏幕上以组合的效果进行显示。
处理器配置有流水显示模式,相邻的具有前后关系的流程卡进行连接显示,具有并列关系的多张流程卡也在先后方向进行依次排列,在流程卡滑动过程中电子显示屏幕上的流程卡先后依次被作为主显示卡,当并列的流程卡其中一个被选中为焦点卡时,焦点卡的后续流程卡将被作为主显示卡进行显示,焦点卡及其后续流程卡可以响应划屏操作在流水线方向上停留在电子显示屏幕上的任意位置。
意在实现流程卡向某一方向进行定向移动的操作包括沿某一方向的定向滑动、拖拽手势、在流程卡的移动方向处的边缘位置的轻击、表示流程卡移动方向的按钮和遥控操作;在编辑模式下,某一方向上双指滑动可以在该方向上连续添加或删除多个流程卡,添加或删除的数量正相关于滑动距离与流程卡在屏幕中的显示尺寸的比值;在显示模式下,在某一方向上双指滑动使被具有焦点的流程卡的执行标记被取反,即未被执行的被标记为执行,被执行的被标记为未被执行。
用户可以与流程卡进行互动,互动内容包括选择选项、输入内容、拍照、录音、录入视频、添加执行标记、上传文件、打分、滑动条、量表选择、数量选择、排序和输入供计算机进行计算的变量或程序代码,流程布置图响应于用户缩放输入时,电子显示屏幕上流程卡布置图的显示范围固定在从一张卡到整个流程卡布置图之间的任何一个值,流程卡可以根据一定的规则设置隐藏,隐藏时该流程卡在显示或执行过程中将被忽略。
本发明中,其一定的规则设置隐藏包括该流程卡之前的某张流程卡中输入的变量值符合设定的条件,如:年龄>60,本流程卡在显示模式下将被忽略;在流程的执行与时间有关,例如,每周的周六周日,该流程卡所代表的流程事项不用去执行,故对其进行忽略操作;程序识别用户所选择的业务种类,对与其无关的业务进行忽略;程序识别不同的登录用户,根据用户的不同而对特定的流程卡进行忽略。
在各种实施例中,若干显示模式中的任一种均可用于查看卡、与卡交互、操纵卡、起始卡及解散卡。
在一个实施例中,在适屏模式下,一个流程卡占据了大致整个显示屏幕。因此,主显示卡大致填满了整个显示屏幕,此时主显示卡为焦点卡,但在一些实施例中,屏幕的一些区域可为状态指示符、警告、消息等而保留。
在一个实施例中,在适屏模式下,在屏幕内可看到一个流程卡,且至少一个其它卡的一部分也可看到。因此,具有焦点的卡(即,用户正与其交互的卡)可完整地看到,而至少一个其它卡只是部分能看到。在适屏模式下,用户可使卡在屏幕上移动,以便将焦点从一个卡改变成另一个卡。举例来说,具有焦点的卡可从屏幕上移走,以被新卡替换,新卡于是被具有焦点。该移动方向在横向上表示并列的卡之间的移动,在纵向上表示先后关系的卡之间的移动,或者为纵向移动表示并列卡之间的切换,横向移动为先后关系的卡之间的移动。
在一个实施例中,在适屏模式下,由于卡的内容过多,在屏幕内只可以看到一个作为焦点卡的一部分,并可以随滑动屏幕直到看完卡的剩余全部内容,此时继续向上滑动屏幕,下一张卡将被识别为主显示卡并被具有焦点。
在一个实施例中,一种模式可用,其称为“不限卡模式”。在不限卡模式下,展示一张卡的部分至所有的卡,卡在缩放过程中电子屏幕展示流程卡布置图中的一部分至全部。卡的大小可减小,以便可同时展示更多的卡。此外,在可以完整显示超过一张卡时,一个或一个以上其它卡的若干部分可看到。举例来说,在一个实施例中,可在水平的行中完整地展示三个卡,其它两个卡的若干部分展示在完整显示的卡的左侧及右侧。在一个实施例中,用户可缩小到各种程度,以便用屏幕上的不同数目的卡来呈现其卡所在的背景结构图。在一个实施例中,将卡的尺寸按比例缩小,以便同时显示所有可用的卡。在另一实施例中,显示所有卡,多达卡的预定最大数目;在一个实施例中,在不限卡模式下以多卡布置呈现卡。在一个实施例中,在不限卡模式下以二维布置图呈现卡,保留卡模式下使用的二维序列。
在一个实施例中,用户可依据哪种模式当前有效而以不同方式操纵卡。在一个实施例中,在不同模式下可进行不同的交互,和/或可依据哪种模式当前有效而以不同方式来解译某些用户动作。
在具体实施应用中,如图1所示,B卡属于被选中的焦点卡,A卡和C卡为B卡的并列流程卡,S卡和M卡为与B卡具有上下关系的流程卡,当用户通过操作触敏显示屏使焦点卡从全屏显示状态进入缩放状态,当焦点卡处于缩放状态时,处于并列关系的卡以及具有上下关系的卡部分展现在屏幕上。用户通过点击五张卡的其中一张使该卡处于全屏显示状态以及焦点卡状态,通过再次点击或长按选中的焦点卡进入编辑状态;或者用户通过向右、向左、向上、向下划动触摸屏可根分别使A、C、M、S卡切换为焦点卡,再通过点击使该焦点卡为全屏显示。
在一个实施例中,在适屏模式下,如图1所示,限定每张卡的宽度为定值,每张焦点卡的周围在有空间的情况下显示与改卡逻辑上临近的卡的一部分至全部,并在屏幕的周围用箭头提示某一侧存在临近的卡,某一侧没有临近的卡时则不显示箭头;对于B卡而言,当进行通过向右、向左、向上、向下划动触摸屏分别使A卡、C卡、M卡、S卡切换为焦点卡,新的焦点卡及周围显示在屏幕上的卡被重新定义为主显示卡。
在一个实施例中,在适屏模式下,如图2所示,屏幕上只显示一张主显示卡,同时作为焦点卡,当向四侧划动屏幕时,其四侧存在的卡将被在屏幕上显示,若某一侧不存在临近的卡,则仍将继续显示本卡。
在一个实施例中,在适屏模式下,如图3所示,屏幕上只显示一张主显示卡,同时作为焦点卡,屏幕的四侧用箭头提示存在的相邻的卡,当向四侧划动屏幕时,其四侧存在的卡将被在屏幕上显示,若某一侧不存在临近的卡,则仍将继续显示本卡。
在一个实施例中,在适屏模式下,某一焦点卡提示用户作出判断,在该焦点卡的下侧作出对当前的作业流程肯定的提示(如文字“是”或“Y”)并执行肯定后的流程步骤,在该焦点卡的右侧或左侧侧作出对当前的作业流程否定的提示(如文字“否”或“N”)并执行否定后的流程步骤。
如图2所示,为一张焦点流程卡处于全屏显示的状态,同时保留部分空白区域用于显示其他信息。
如图3所示,为焦点流程卡即将进行上、下、左或右进行移动的过程,焦点卡变换的过程中,可以如图1一样,先将焦点卡进行缩放状态在点击其他卡进行焦点卡变换,也可以通过上、下、左或右平滑移动进行变换。
在一个实施例中,在适屏模式下,如图4、图5、图7所示,图4为流程卡的导航图,图5中START卡与A1卡为主显示卡,START卡为焦点卡,向上滑动屏幕后,如图7所示,START卡、A1卡、A2卡切换为主显示卡,A1卡切换为焦点卡。
如图4所示,用户编辑流程图的过程起码具有多种方式,一种方式为:用户建立流程卡,直接在流程卡上标记联系线,流程布置图即是由各卡直接组成;一种方式为:用户建立流程卡,直接在流程卡上标记联系线,流程布置图即是由各卡直接组成,同时将流程框架显示在导航图窗口上,用户可以通过导航图窗口确定屏幕中显示的卡或编辑的卡在整改流程图中的位置;一种方式为:先制定好流程图的框架,该流程框架同时显示在导航图窗口上,用户根据框架一步步编辑每个流程卡的内容;另一种方式为:用户随机进行流程卡的制作,在流程卡的制作过程中,导航图窗口显示流程卡的位置以及具有确定连接关系的联系线。
如图5-图8所示,在适屏模式下,用户采用框架制作流程图时,以START卡为焦点卡,根据框架流程,显示屏中显示START卡和与START卡具有相邻关系的A1卡的信息,以A3-B1卡为焦点卡,显示屏中显示A3-B1卡和与A3-B1卡具有相邻关系的A2卡、B1卡和A3-A1卡,以A1卡为焦点卡,显示屏中显示A1卡和与A1卡具有相邻关系的START卡和A2卡,以B3-B1卡为焦点卡,显示屏中显示B3-B1卡和与B3-B1卡具有相邻关系的B3卡、B3-B2卡、B3-A1卡和B3-C1卡。
如图9所示,在组合显示模式下,在一个显示屏中至少显示两张流程卡,例如,在组合显示模式下,通过点击A2卡作为焦点卡,则与A2具有下属关系的A3卡进行同步显示,而与A2具有上属关系以及与A3卡具有下属关系的流程卡则部分显示,当A2卡或A3卡具有多个并列关系的卡时,多个具有并列关系的上下排列显示屏,且与没有并列关系的卡均匀分布在显示屏上。
如图10-12所示,在流水模式下,B3-A1卡、B3-B1卡和B3-C1卡为具有并列关系的卡,选中B3-A1卡为焦点卡时,具有并列关系的B3-B1卡和B3-C1排列显示在显示屏中,而与B3-A1卡具有上下关系的卡也同时显示在显示屏中。
在一个实施例中,在不限卡模式下,如图13所示,屏幕展示流程布置图的全部,并以其中的一个卡为焦点。
在一个实施例中,在不限卡模式下,如图14所示,屏幕展示流程布置图的一部分,并以其中的一个卡为焦点。
本发明在编辑流程图时,不需要单独进入编辑界面而直接对流程图中的步骤进行编辑,十分便捷和直观,将业务的流程执行过程分解为分布在类似二维矩阵中的各个位置中,将分布在每一个二维矩阵中的卡建立逻辑顺序,在卡中可以直接用图片、视频、文字、音频等多种方式对当前需要执行的操作进行说明,每张卡根据业务流程中的顺序建立逻辑关系,在编辑的时候在流程卡的显示界面直接对流程卡的内容以及其逻辑关系进行编辑,使得编辑过程变得极为简单,用户更容易将注意力集中在每一个细化后的步骤中,提高效率。
以上的实施例只是本发明的一种较佳的方案,并非对本发明作任何形式上的限制,在不超出权利要求所记载的技术方案的前提下还有其它的变体及改型。
Claims (10)
1.一种在计算机上制作和显示流程图的方法,采用计算机,所述计算机具有电子显示屏幕,其特征在于,包括:
电子显示屏幕,其耦合到处理器,所述处理器接收所述电子显示屏幕上的输入信号并操作计算机系统中的相应程序的流程布置图中的流程卡;
所述流程布置图是指具有并列或先后关系的多个用于完成流程操作的卡的布置图;
在特定显示模式下,通过改变所述显示屏幕中存在的流程卡的位置来对在所述电子显示屏幕上意在实现向某一方向定向移动的操作进行响应;这通过如下来进行:
基于意在实现向某一方向定向移动的操作来将流程布置图中的在逻辑上临近的某一张或多张流程卡识别为主显示卡并在电子显示屏幕上进行显示;
在编辑模式下,所述处理器:
可以对流程布置图中的多个流程卡及流程卡上面所载信息进行编辑如新增流程卡、删除流程卡或修改流程卡的内容;
所述计算机系统中的相应程序包括流程卡编辑模块和流程卡显示控制模块;
应用分为如下步骤:
步骤A:利用流程卡编辑模块完成流程图及流程图中流程卡的编辑,并明确流程卡的显示逻辑关系;
步骤B:在特定显示模式下,通过流程卡显示控制模块在电子显示屏幕上使某一张或多张在逻辑上具有相互临近关系的流程卡确定为主显示卡;
步骤C:在特定显示模式下,基于用户操作在电子显示屏幕上使某一张或多张主显示卡角色转移至与其在逻辑上具有邻近关系的流程卡,并在特定显示模式下对重新定义为主显示卡的一张或多张卡进行显示。
2.根据权利要求1所述的一种在计算机上制作和显示流程图的方法,其特征在于,
所述流程图布置图以二维的形式进行布置,其分支节点默认情况下节点之前的各分支为“或”的逻辑关系,也可以标记为“与”的逻辑关系,当节点之前的各分支被标记为“与”的逻辑关系时,各分支被串联执行,且在不采取干涉措施的情况下需要依次连续执行完毕各分支之后才能使“与”节点之后的流程卡被正常执行;在编辑模式下,在某一流程卡上可以添加指向任意另一个流程卡的联系线,用于使被连接的两张流程卡建立先后显示关系,所述联系线通过设置方向标记以明确两个流程卡的先后关系,当某一流程卡设置多个联系线时,联系线用颜色、虚实、粗细或编号的方式区分不同的工作流程。
3.根据权利要求1所述的一种在计算机上制作和显示流程图的方法,其特征在于,
在作为主显示卡的一张或多张卡中,其中一个被选中的流程卡为焦点卡,所述焦点卡联动主显示卡的切换而切换。
4.根据权利要求1所述的一种在计算机上制作和显示流程图的方法,其特征在于,
所述流程卡具有适屏模式,在所述适屏模式下,所述处理器在所述电子显示屏幕上提供针对所述多个流程卡中的主显示卡的用户界面或在具有多余显示空白的情况下显示与主显示卡相邻某一方向的部分至多个流程卡的用户界面,以实现主显示卡获得较好展示效果的同时尽可能多的提供相邻流程卡信息。
5.根据权利要求1所述的一种在计算机上制作和显示流程图的方法,其特征在于,
所述处理器配置有组合显示模式,所述相邻的一些流程卡进行组合,并在电子显示屏幕上以组合的效果进行显示。
6.根据权利要求1所述的一种在计算机上制作和显示流程图的方法,其特征在于,
所述处理器配置有流水显示模式,所述相邻的具有前后关系的流程卡进行连接显示,具有并列关系的多张流程卡也在先后方向进行依次排列,在流程卡滑动过程中电子显示屏幕上的一张或多张流程卡先后依次被作为主显示卡,当并列的流程卡其中一个被选中为焦点卡时,所述焦点卡的后续流程卡将被作为主显示卡进行显示,所述焦点卡及其后续流程卡可以响应划屏操作在流水线方向上停留在电子显示屏幕上的任意位置。
7.根据权利要求1至6任一项所述的一种在计算机上制作和显示流程图的方法,其特征在于,
意在实现所述流程卡向某一方向进行定向移动的操作包括沿某一方向的定向滑动、拖拽手势、在流程卡的移动方向处的边缘位置的轻击、表示流程卡移动方向的按钮和遥控操作;
在编辑模式下,某一方向上双指滑动可以在该方向上连续添加或删除多个流程卡,添加或删除的数量正相关于滑动距离与流程卡在屏幕中的显示尺寸的比值;
在显示模式下,在某一方向上双指滑动使被具有焦点的流程卡的执行标记被取反,即未被执行的将被标记为执行,被执行的将被标记为未被执行。
8.根据权利要求1所述的一种在计算机上制作和显示流程图的方法,其特征在于,
用户可以与流程卡进行互动,互动内容包括选择选项、输入内容、拍照、录音、录入视频、添加执行标记、上传文件、打分、滑动条、量表选择、数量选择、排序和输入供计算机进行计算的变量。
9.根据权利要求1至6任一项所述的一种在计算机上制作和显示流程图的方法,其特征在于,
所述二维布置图响应于用户缩放输入时,电子显示屏幕上流程卡布置图的显示范围固定在从一张卡到整个流程卡布置图之间的任何一个值,所述流程卡可以根据一定的规则设置隐藏,隐藏时该流程卡在显示或执行过程中将被忽略。
10.根据权利要求1至6任一项所述的一种在计算机上制作和显示流程图的方法,其特征在于,
在所述电子显示屏幕上设置导航图,导航图以缩小窗口形式展示焦点卡在流程卡布置图中的位置。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110098095.5A CN112783405B (zh) | 2021-01-25 | 2021-01-25 | 一种在计算机上制作和显示流程图的方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110098095.5A CN112783405B (zh) | 2021-01-25 | 2021-01-25 | 一种在计算机上制作和显示流程图的方法 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN112783405A true CN112783405A (zh) | 2021-05-11 |
CN112783405B CN112783405B (zh) | 2022-03-01 |
Family
ID=75758976
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110098095.5A Active CN112783405B (zh) | 2021-01-25 | 2021-01-25 | 一种在计算机上制作和显示流程图的方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112783405B (zh) |
Citations (19)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20060048058A1 (en) * | 2001-05-25 | 2006-03-02 | Learning Tree International | System and method for electronic presentations |
US20090037821A1 (en) * | 2004-07-23 | 2009-02-05 | O'neal David Sheldon | System And Method For Electronic Presentations |
CN101416180A (zh) * | 2006-03-31 | 2009-04-22 | 微软公司 | 用于编辑图状示图的二维树 |
CN101681389A (zh) * | 2007-06-15 | 2010-03-24 | 微软公司 | 在过程图内创建、显示、和编辑子过程 |
CN102236679A (zh) * | 2010-04-27 | 2011-11-09 | 杭州德昌隆信息技术有限公司 | 基于浏览器页面的工作流输出方法及装置 |
CN102749466A (zh) * | 2007-02-02 | 2012-10-24 | 贝克曼库尔特公司 | 用于自动检验实验室化验结果的系统和方法 |
CN103188561A (zh) * | 2011-12-30 | 2013-07-03 | 三星电子株式会社 | 显示设备、升级设备、显示系统及其控制方法 |
TW201506566A (zh) * | 2013-05-07 | 2015-02-16 | Hon Hai Prec Ind Co Ltd | 流程圖示組合控制系統及電子裝置 |
CN105094499A (zh) * | 2014-04-24 | 2015-11-25 | 青岛海信移动通信技术股份有限公司 | 一种智能移动终端及其应用程序窗口处理方法 |
WO2015184736A1 (zh) * | 2014-06-04 | 2015-12-10 | 中兴通讯股份有限公司 | 一种触屏设备背景图变换的方法及终端 |
US9383905B1 (en) * | 2013-07-29 | 2016-07-05 | Veritas Technologies Llc | Navigating a large tree structure using summary snippets |
CN105867737A (zh) * | 2016-03-28 | 2016-08-17 | 珠海格力电器股份有限公司 | 应用程序的处理方法和装置 |
US20170072312A1 (en) * | 2015-09-10 | 2017-03-16 | Sap Se | Instructions on a wearable device |
CN106598605A (zh) * | 2016-12-16 | 2017-04-26 | 上海鹰谷信息科技有限公司 | 基于结构式编辑器的流程图绘制方法 |
US20170242780A1 (en) * | 2016-02-08 | 2017-08-24 | Vtool Ltd. | Graphical Sequence Builder |
CN107730077A (zh) * | 2017-09-13 | 2018-02-23 | 平安科技(深圳)有限公司 | 节点任务数据显示方法、装置、存储介质和计算机设备 |
CN108304132A (zh) * | 2018-01-19 | 2018-07-20 | 广州视源电子科技股份有限公司 | 图形显示方法、装置、设备及存储介质 |
CN110647640A (zh) * | 2019-09-30 | 2020-01-03 | 京东方科技集团股份有限公司 | 计算机系统、操作计算装置的方法及操作计算装置的系统 |
CN110688104A (zh) * | 2019-09-04 | 2020-01-14 | 北京三快在线科技有限公司 | 可视化流程处理方法、装置、电子设备及可读存储介质 |
-
2021
- 2021-01-25 CN CN202110098095.5A patent/CN112783405B/zh active Active
Patent Citations (19)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20060048058A1 (en) * | 2001-05-25 | 2006-03-02 | Learning Tree International | System and method for electronic presentations |
US20090037821A1 (en) * | 2004-07-23 | 2009-02-05 | O'neal David Sheldon | System And Method For Electronic Presentations |
CN101416180A (zh) * | 2006-03-31 | 2009-04-22 | 微软公司 | 用于编辑图状示图的二维树 |
CN102749466A (zh) * | 2007-02-02 | 2012-10-24 | 贝克曼库尔特公司 | 用于自动检验实验室化验结果的系统和方法 |
CN101681389A (zh) * | 2007-06-15 | 2010-03-24 | 微软公司 | 在过程图内创建、显示、和编辑子过程 |
CN102236679A (zh) * | 2010-04-27 | 2011-11-09 | 杭州德昌隆信息技术有限公司 | 基于浏览器页面的工作流输出方法及装置 |
CN103188561A (zh) * | 2011-12-30 | 2013-07-03 | 三星电子株式会社 | 显示设备、升级设备、显示系统及其控制方法 |
TW201506566A (zh) * | 2013-05-07 | 2015-02-16 | Hon Hai Prec Ind Co Ltd | 流程圖示組合控制系統及電子裝置 |
US9383905B1 (en) * | 2013-07-29 | 2016-07-05 | Veritas Technologies Llc | Navigating a large tree structure using summary snippets |
CN105094499A (zh) * | 2014-04-24 | 2015-11-25 | 青岛海信移动通信技术股份有限公司 | 一种智能移动终端及其应用程序窗口处理方法 |
WO2015184736A1 (zh) * | 2014-06-04 | 2015-12-10 | 中兴通讯股份有限公司 | 一种触屏设备背景图变换的方法及终端 |
US20170072312A1 (en) * | 2015-09-10 | 2017-03-16 | Sap Se | Instructions on a wearable device |
US20170242780A1 (en) * | 2016-02-08 | 2017-08-24 | Vtool Ltd. | Graphical Sequence Builder |
CN105867737A (zh) * | 2016-03-28 | 2016-08-17 | 珠海格力电器股份有限公司 | 应用程序的处理方法和装置 |
CN106598605A (zh) * | 2016-12-16 | 2017-04-26 | 上海鹰谷信息科技有限公司 | 基于结构式编辑器的流程图绘制方法 |
CN107730077A (zh) * | 2017-09-13 | 2018-02-23 | 平安科技(深圳)有限公司 | 节点任务数据显示方法、装置、存储介质和计算机设备 |
CN108304132A (zh) * | 2018-01-19 | 2018-07-20 | 广州视源电子科技股份有限公司 | 图形显示方法、装置、设备及存储介质 |
CN110688104A (zh) * | 2019-09-04 | 2020-01-14 | 北京三快在线科技有限公司 | 可视化流程处理方法、装置、电子设备及可读存储介质 |
CN110647640A (zh) * | 2019-09-30 | 2020-01-03 | 京东方科技集团股份有限公司 | 计算机系统、操作计算装置的方法及操作计算装置的系统 |
Non-Patent Citations (1)
Title |
---|
童天添: "科技期刊信息处理类流程图的编辑加工", 《编辑学报》 * |
Also Published As
Publication number | Publication date |
---|---|
CN112783405B (zh) | 2022-03-01 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9467729B2 (en) | Method for remotely controlling smart television | |
Langner et al. | Multiple coordinated views at large displays for multiple users: Empirical findings on user behavior, movements, and distances | |
US6496182B1 (en) | Method and system for providing touch-sensitive screens for the visually impaired | |
US8762882B2 (en) | Information processing apparatus, control method for use therein, and computer program | |
US20140351758A1 (en) | Object selecting device | |
CN101667058B (zh) | 在多系统间切换焦点的交互方法 | |
CN112181225A (zh) | 桌面元素调整方法、装置和电子设备 | |
CN104238949A (zh) | 一种分屏显示方法和装置 | |
CN103135967A (zh) | 显示未读消息的方法和系统 | |
CN104331246A (zh) | 在终端中进行分屏显示的设备和方法 | |
CN102946462A (zh) | 一种基于手机的联系人信息分组处理方法及手机 | |
CN112148170B (zh) | 桌面元素调整方法、装置和电子设备 | |
CN101006493A (zh) | 虚拟键盘输入设备 | |
CN108694012B (zh) | 在屏幕上显示对象的方法和系统 | |
DE202007018420U1 (de) | Tragbare elektronische Vorrichtung, die ähnliche Operationen für unterschiedliche Gesten durchführt | |
CN107690612A (zh) | 一种显示控制方法及电子设备 | |
CN103577033B (zh) | 一种输入法面板的设置方法和系统 | |
US11481043B2 (en) | Multi-functional touch keyboard having touch sensor | |
CN114766015A (zh) | 用于与对应于应用程序的用户界面对象进行交互的设备、方法和图形用户界面 | |
CN105468234A (zh) | 一种信息处理方法及移动终端 | |
CN112783405B (zh) | 一种在计算机上制作和显示流程图的方法 | |
CN112180841B (zh) | 人机交互方法、装置、设备及存储介质 | |
CN106155462A (zh) | 一种界面交互方法及装置 | |
CN107390987A (zh) | 用手势自动切换文档编辑功能的方法 | |
CN1527178A (zh) | 一种触摸屏输入装置 |
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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |