JP7296814B2 - Flow chart display system and flow chart display program - Google Patents

Flow chart display system and flow chart display program Download PDF

Info

Publication number
JP7296814B2
JP7296814B2 JP2019142896A JP2019142896A JP7296814B2 JP 7296814 B2 JP7296814 B2 JP 7296814B2 JP 2019142896 A JP2019142896 A JP 2019142896A JP 2019142896 A JP2019142896 A JP 2019142896A JP 7296814 B2 JP7296814 B2 JP 7296814B2
Authority
JP
Japan
Prior art keywords
flowchart
steps
display
target
selection candidate
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.)
Active
Application number
JP2019142896A
Other languages
Japanese (ja)
Other versions
JP2021026434A (en
Inventor
義博 小松
義幸 赤峰
絵梨子 三浦
Original Assignee
Sky株式会社
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 Sky株式会社 filed Critical Sky株式会社
Priority to JP2019142896A priority Critical patent/JP7296814B2/en
Publication of JP2021026434A publication Critical patent/JP2021026434A/en
Application granted granted Critical
Publication of JP7296814B2 publication Critical patent/JP7296814B2/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Description

特許法第30条第2項適用 A.掲載日 平成31年4月9日 掲載アドレス https://www.skymenu.net/skymenupro2019/ https://www.skymenu-class.net/function/function02-05.html B.発行者名 Sky株式会社 刊行物名 「学習活動ソフトウェア スカイメニュークラス タブレット端末を利用した学習活動をサポート」 発行年月日 平成31年4月5日 C.発行者名 Sky株式会社 刊行物名 「学習活動ソフトウェア スカイメニュークラス SKYMENU Class 2019 詳細機能」 発行年月日 平成31年4月5日 D. 販売日 令和1年6月3日~7月4日 販売場所 日本各地の商品卸先Application of Article 30, Paragraph 2 of the Patent Act A. Publication date April 9, 2019 Publication address https://www. sky menu. net/skymenupro2019/https://www. sky menu-class. net/function/function02-05. html b. Publisher: Sky Co., Ltd. Publication: “Learning activity software Sky Menu Class Supports learning activities using tablet terminals” Publication date: April 5, 2019 C.I. Publisher name: Sky Co., Ltd. Publication name: “Learning Activity Software Sky Menu Class SKYMENU Class 2019 Detailed Functions” Publication date: April 5, 2019 D. Sales date: June 3rd to July 4th, 2019 Sales location: Product wholesalers throughout Japan

本発明は、フローチャートを表示装置に表示させるフローチャート表示システム及びフローチャート表示プログラムに関する。 The present invention relates to a flow chart display system and a flow chart display program for displaying a flow chart on a display device.

フローチャート表示システムの一例が、特開2011-107846号公報(特許文献1)に開示されている。特許文献1のフローチャート表示システムは、フローチャートにおける関連するステップを同一画面上に表示することで、ユーザの利便性の向上を図っている。具体的には、特許文献1のフローチャート表示システムでは、現在位置となるステップがユーザにより指定されると、当該ステップに関連するステップが抽出され、現在位置となるステップと抽出されたステップとが表示画面の画面枠に収まるようにフローチャートの縮小率が計算される。そして、計算された縮小率でフローチャート全体が縮小されると共に、関連するステップ(具体的には、現在位置となるステップと抽出されたステップ)については縮小前の大きさに戻された状態で、フローチャートにおける関連するステップを含む一部が表示装置に表示される(特許文献1の図8等参照)。特許文献1の実施形態1では、現在位置となるステップに矢印で接続されたステップ(具体的には、現在位置となるステップの遷移元のステップ、及び、現在位置となるステップの遷移先のステップ)が、現在位置となるステップに関連するステップとして抽出される。 An example of a flowchart display system is disclosed in Japanese Patent Laying-Open No. 2011-107846 (Patent Document 1). The flowchart display system of Patent Document 1 aims to improve user convenience by displaying related steps in the flowchart on the same screen. Specifically, in the flowchart display system of Patent Literature 1, when a step that is the current position is designated by the user, steps related to the step are extracted, and the step that is the current position and the extracted steps are displayed. The reduction ratio of the flowchart is calculated so that it fits within the screen frame of the screen. Then, the entire flowchart is reduced at the calculated reduction ratio, and the related steps (specifically, the step serving as the current position and the extracted step) are returned to the size before reduction, A part including related steps in the flowchart is displayed on the display device (see FIG. 8 of Patent Document 1, etc.). In Embodiment 1 of Patent Literature 1, steps connected by arrows to the current position step (specifically, the transition source step of the current position step and the transition destination step of the current position step ) is extracted as a step related to the current position step.

特開2011-107846号公報JP 2011-107846 A

ところで、フローチャート表示システムにおいては、フローチャート全体の手順の確認をユーザが容易に行えることが望ましい。例えば、プログラミング的思考を育むために学校教育等の教育の場面においてフローチャートを活用する場合、実験や計算等の手順を示すフローチャートを学習者(例えば、小学生や中学生)に作成させることで、順序や分岐等のプログラミングの要素を学ばせることができる。この場合、学習者自身が誤りに気付き試行錯誤を繰り返すような学習者主体の学習を行いやすくするために、フローチャート全体の手順の確認を学習者が容易に行えることが望ましい。 By the way, in the flowchart display system, it is desirable that the user can easily confirm the procedure of the entire flowchart. For example, when using flowcharts in educational situations such as school education to foster programming thinking, learners (for example, elementary school students and junior high school students) create flowcharts showing procedures such as experiments and calculations, so that the order and Elements of programming such as branching can be learned. In this case, it is desirable that the learner can easily check the entire procedure of the flowchart in order to facilitate learner-centered learning in which the learner himself/herself notices an error and repeats trial and error.

特許文献1の実施形態1では、ユーザが指定した現在位置となるステップと、現在位置となるステップに矢印で接続されたステップとが、同一画面上に表示される。そのため、特許文献1には記載されていないが、フローチャートに示される流れに沿って現在位置となるステップを順に指定することで、フローチャート全体の手順の確認を行うことが考えられる。しかしながら、画面上には、現在位置となるステップの遷移先のステップだけでなく、現在位置となるステップの遷移元のステップや、場合によっては更に他のステップも表示されるため、ユーザのレベル(例えば、学習者の年齢)やフローチャートの構造によっては、フローチャートに示される流れに沿って現在位置となるステップを順に指定することが難しい場合があり得る。 In Embodiment 1 of Patent Document 1, a step that is the current position specified by the user and a step that is connected to the current position by an arrow are displayed on the same screen. Therefore, although it is not described in Patent Literature 1, it is conceivable to confirm the procedure of the entire flowchart by sequentially specifying the steps that are the current position along the flow shown in the flowchart. However, on the screen, not only the transition destination step of the current position step, but also the transition source step of the current position step and, in some cases, other steps are displayed. For example, depending on the age of the learner and the structure of the flowchart, it may be difficult to sequentially designate the steps that are the current position along the flow shown in the flowchart.

そこで、フローチャート全体の手順の確認を比較的容易に行うことが可能な技術の実現が望まれる。 Therefore, it is desired to implement a technique that allows relatively easy confirmation of the procedures of the entire flowchart.

本開示に係るフローチャート表示システムは、フローチャートを表示装置に表示させるフローチャート表示システムであって、作成済みの前記フローチャートを記憶するフローチャート記憶部と、前記フローチャートに示される流れに沿って前記フローチャートを構成する複数のステップのうちの1つを対象ステップとして順に選択して、前記フローチャートにおける前記対象ステップを含む一部を拡大表示した拡大画像を前記表示装置に順次表示させる表示処理部と、ユーザの操作内容を表す操作情報を取得する操作情報取得部と、を備え、現在選択されている前記対象ステップからの進行先となり得る1つ以上のステップを選択候補ステップとして、前記表示処理部は、前記選択候補ステップのそれぞれに対応する操作標章を、前記拡大画像と共に前記表示装置に表示させ、前記操作標章は、前記フローチャートに示される流れに沿って隣接するステップ間を接続する矢印とは異なる態様の図形であって、対応する前記選択候補ステップを指す矢印を含む図形で表され、前記表示処理部は、前記操作標章の選択操作を表す前記操作情報を前記操作情報取得部が取得した場合に、前記選択操作の対象とされた前記操作標章に対応する前記選択候補ステップを次の前記対象ステップとして選択する。 A flowchart display system according to the present disclosure is a flowchart display system that displays a flowchart on a display device, and comprises a flowchart storage unit that stores the created flowchart and the flowchart along the flow shown in the flowchart. a display processing unit that sequentially selects one of a plurality of steps as a target step and sequentially displays an enlarged image obtained by enlarging and displaying a part including the target step in the flowchart on the display device; and an operation information acquisition unit that acquires operation information representing the selection candidate, with one or more steps that can be progress destinations from the currently selected target step as selection candidate steps. An operation mark corresponding to each step is displayed on the display device together with the enlarged image, and the operation mark is different from the arrows connecting adjacent steps along the flow shown in the flow chart. is represented by a graphic including an arrow pointing to the corresponding selection candidate step, and the display processing unit, when the operation information acquisition unit acquires the operation information representing the selection operation of the operation mark, , selects the selection candidate step corresponding to the operation symbol targeted for the selection operation as the next target step.

この構成によれば、フローチャートに示される流れに沿って順に選択された対象ステップの近傍を拡大表示した拡大画像が、表示装置に順次表示される。よって、ユーザは、表示装置に順次表示される拡大画像を見ることで、フローチャートに示される流れに沿う順に各ステップを確認しながら(すなわち、フローチャートを辿りながら)、フローチャート全体の手順を確認することができる。 According to this configuration, the display device sequentially displays enlarged images in which the vicinity of the target step sequentially selected along the flow shown in the flowchart is enlarged and displayed. Therefore, by viewing the enlarged images that are sequentially displayed on the display device, the user can check each step in the order along the flow shown in the flow chart (that is, while following the flow chart), and check the procedure of the entire flow chart. can be done.

そして、上記の構成によれば、現在選択されている対象ステップからの進行先となり得る選択候補ステップのそれぞれに対応する操作標章が、拡大画像と共に表示装置に表示される。従って、ユーザは、操作標章を選択する操作を行うことで、次の対象ステップとなる選択候補ステップを選択することができる。このように選択候補ステップを選択するための操作標章を表示することで、拡大画像の中に選択候補ステップではないステップが含まれている場合であっても、現在選択されている対象ステップからの進行先をユーザにわかりやすく提示することができる。従って、ユーザは、フローチャートを辿るためのステップの選択を比較的容易に行うことができ、この結果、フローチャート全体の手順の確認を比較的容易に行うことができる。 Then, according to the above configuration, the operation symbols corresponding to each of the selection candidate steps that can be the progress destination from the currently selected target step are displayed on the display device together with the enlarged image. Therefore, the user can select a selection candidate step to be the next target step by performing an operation to select the operation mark. By displaying the operation mark for selecting the selection candidate step in this way, even if the enlarged image includes a step that is not a selection candidate step, the currently selected target step It is possible to present to the user in an easy-to-understand manner the destination of the Therefore, the user can relatively easily select steps for tracing the flowchart, and as a result, can relatively easily confirm the procedure of the entire flowchart.

以上のように、上記の構成によれば、フローチャート全体の手順の確認を比較的容易に行うことが可能な技術を実現することができる。 As described above, according to the above configuration, it is possible to realize a technique that allows relatively easy confirmation of the procedures of the entire flowchart.

ここで、前記表示処理部は、前記対象ステップと当該対象ステップについての1つ以上の前記選択候補ステップの全てとを含むように、前記拡大画像を生成すると共に、前記拡大画像の倍率を、当該拡大画像に含まれる前記選択候補ステップの数に応じて異ならせると好適である。 Here, the display processing unit generates the enlarged image so as to include the target step and all of the one or more selection candidate steps for the target step, and adjusts the magnification of the enlarged image to the target step. It is preferable to change the number according to the number of selection candidate steps included in the enlarged image.

この構成によれば、対象ステップに加えて全ての選択候補ステップを含むように拡大画像が生成されるため、ユーザは、全ての選択候補ステップの内容を確認しながら、次の対象ステップとなる選択候補ステップを選択することができる。そして、上記の構成では、拡大画像の倍率が、当該拡大画像に含まれる選択候補ステップの数に応じて異なるように設定されるため、拡大画像に含まれる選択候補ステップの数に応じて、全ての選択候補ステップが含まれる適切な倍率の拡大画像が生成される。 According to this configuration, since the enlarged image is generated so as to include all selection candidate steps in addition to the target step, the user can select the next target step while checking the contents of all selection candidate steps. A candidate step can be selected. In the above configuration, the magnification of the enlarged image is set differently according to the number of selection candidate steps included in the enlarged image. A magnified image with a suitable magnification is generated that includes the selection candidate steps of .

上記のように前記表示処理部が前記拡大画像の倍率を当該拡大画像に含まれる前記選択候補ステップの数に応じて異ならせる構成において、前記表示処理部は、前記拡大画像の倍率を、当該拡大画像に含まれる前記選択候補ステップの数が少なくなるに従って大きくすると好適である。 In the configuration in which the display processing unit changes the magnification of the enlarged image according to the number of the selection candidate steps included in the enlarged image as described above, the display processing unit changes the magnification of the enlarged image to the enlarged image. It is preferable to increase the number as the number of selection candidate steps included in the image decreases.

対象ステップと全ての選択候補ステップとを拡大画像に含めることが可能な倍率範囲の上限は、一般に、選択候補ステップの数が少なくなるに従って大きくなる。上記の構成によれば、このような一般的傾向を考慮して、拡大画像の倍率を、全ての選択候補ステップが拡大画像に含まれる範囲内で比較的大きな値に設定することができ、拡大画像の視認性の向上を図ることができる。 Generally, the upper limit of the magnification range in which the target step and all selection candidate steps can be included in the enlarged image increases as the number of selection candidate steps decreases. According to the above configuration, the magnification of the enlarged image can be set to a relatively large value within a range in which all selection candidate steps are included in the enlarged image in consideration of such general tendency. Image visibility can be improved.

上記の各構成のフローチャート表示システムにおいて、前記表示処理部は、前記操作標章の表示態様を、現在選択されている前記対象ステップについての前記選択候補ステップの数に応じて異ならせると好適である。 In the flowchart display system having each of the configurations described above, it is preferable that the display processing unit changes the display mode of the operation mark according to the number of selection candidate steps for the currently selected target step. .

対象ステップが“処理(作業)”を表すステップである場合には選択候補ステップの数は一般に1つとなり、対象ステップが“判断(条件)”を表すステップである場合には選択候補ステップの数は一般に2つ以上となるように、現在選択されている対象ステップについての選択候補ステップの数は、当該対象ステップの種別に応じて変化する。上記の構成によれば、操作標章の表示態様が、現在選択されている対象ステップについての選択候補ステップの数に応じて異なるように設定されるため、現在選択されている対象ステップの種別をユーザに直観的に把握させやすくすることができる。 When the target step is a step representing "processing (work)", the number of selection candidate steps is generally one, and when the target step is a step representing "judgment (condition)", the number of selection candidate steps. is generally two or more, the number of selection candidate steps for the currently selected target step changes according to the type of the target step. According to the above configuration, the display mode of the operation mark is set differently according to the number of selection candidate steps for the currently selected target step. It is possible to make it easier for the user to grasp intuitively.

また、前記対象ステップとして選択された前記ステップの履歴の情報を記録する結果記録部と、前記結果記録部に記録されている情報を前記表示装置に表示させる再現処理部と、を更に備えると好適である。 Preferably, the method further comprises a result recording unit for recording history information of the step selected as the target step, and a reproduction processing unit for displaying the information recorded in the result recording unit on the display device. is.

この構成によれば、対象ステップとして選択されたステップの履歴の情報を、表示装置に表示させることができるため、フローチャート全体の手順を確認した際の確認手順(ユーザが辿った経路等)をユーザに振り返らせることや、当該確認手順を他のユーザに共有させることが容易となる。 According to this configuration, the information of the history of the steps selected as the target steps can be displayed on the display device. It becomes easy to make other users look back and share the confirmation procedure with other users.

上記のように前記結果記録部と前記再現処理部とを備える構成において、前記結果記録部は、前記操作標章の選択操作以外の特定操作を表す前記操作情報を前記操作情報取得部が取得した場合に、前記特定操作に関する付加情報を、前記特定操作の対象とされた前記対象ステップに関連付けて記録するように構成されていると好適である。 In the configuration including the result recording unit and the reproduction processing unit as described above, the result recording unit stores the operation information representing the specific operation other than the selection operation of the operation mark obtained by the operation information acquisition unit. In this case, it is preferable that additional information related to the specific operation is recorded in association with the target step targeted for the specific operation.

例えば、対象ステップが“判断(条件)”を表すステップである場合には、ユーザが複数の選択候補ステップの中から1つの選択候補ステップを選択した根拠(理由)を残すことで、確認手順を後に振り返るユーザにその根拠を再考させることや、確認手順を共有するユーザにその根拠を参考にさせることができる。上記の構成によれば、このような情報を付加情報として残す操作を特定操作とすることで、結果記録部に記録される情報の有用性を高めることができる。 For example, if the target step is a step representing a "judgment (condition)", the confirmation procedure can be performed by leaving the basis (reason) for the user's selection of one selection candidate step from a plurality of selection candidate steps. It is possible to make the user who looks back later reconsider the basis, and to make the user who shares the confirmation procedure refer to the basis. According to the above configuration, it is possible to increase the usefulness of the information recorded in the result recording unit by making the operation of leaving such information as additional information the specific operation.

また、前記対象ステップとして選択された複数の前記ステップを、前記対象ステップとしての選択順に結ぶ経路を選択経路として、前記結果記録部は、前記選択経路を含む前記フローチャートの情報を記録するように構成されていると好適である。 Further, the result recording unit is configured to record information of the flowchart including the selected route, with a route connecting the plurality of steps selected as the target steps in the order of selection as the target steps as a selected route. It is preferable that

この構成によれば、選択経路を含むフローチャートの情報を表示装置に表示させることができるため、選択経路をユーザに振り返らせることや、選択経路を他のユーザに共有させることが容易となる。 According to this configuration, since the information of the flowchart including the selected route can be displayed on the display device, it becomes easy for the user to look back on the selected route and to share the selected route with other users.

また、前記再現処理部は、前記フローチャートを構成するステップを、前記対象ステップとして選択された順序と同じ順序で再現用ステップとして順に選択し、前記フローチャートにおける前記再現用ステップを含む一部を拡大表示した再現用拡大画像を前記表示装置に順次表示させるように構成されていると好適である。 Further, the reproduction processing unit sequentially selects steps constituting the flowchart as reproduction steps in the same order as the target steps, and enlarges and displays a portion of the flowchart including the reproduction steps. It is preferable that the reproduced enlarged images are sequentially displayed on the display device.

この構成によれば、再現用拡大画像を表示装置に順次表示させることで、フローチャート全体の手順を確認した際の確認手順を振り返るユーザや、当該確認手順を共有しようとするユーザに、対象ステップとして選択された順に各ステップの内容を比較的容易に把握させることができる。 According to this configuration, by sequentially displaying the enlarged images for reproduction on the display device, a user who looks back on the confirmation procedure when confirming the procedure of the entire flowchart and a user who wants to share the confirmation procedure can see It is possible to relatively easily comprehend the contents of each step in the selected order.

上記のように前記再現処理部が前記再現用拡大画像を前記表示装置に順次表示させる構成において、前記結果記録部は、前記操作標章の選択操作以外の特定操作を表す前記操作情報を前記操作情報取得部が取得した場合に、前記特定操作に関連する付加情報を、前記特定操作の対象とされた前記対象ステップに関連付けて記録するように構成され、前記再現処理部は、前記再現用拡大画像と共に、当該再現用拡大画像に含まれる前記再現用ステップに相当する前記対象ステップに関連付けられた前記付加情報を、前記表示装置に表示させるように構成されていると好適である。 In the configuration where the reproduction processing unit sequentially displays the reproduction enlarged images on the display device as described above, the result recording unit stores the operation information representing the specific operation other than the selection operation of the operation symbol as the operation symbol. When an information acquisition unit acquires additional information related to the specific operation, the additional information is recorded in association with the target step targeted for the specific operation, and the reproduction processing unit is configured to record the reproduction enlargement It is preferable that the additional information associated with the target step corresponding to the step for reproduction included in the enlarged image for reproduction is displayed on the display device together with the image.

この構成によれば、再現用拡大画像に含まれる再現用ステップに相当する対象ステップに関連付けられた付加情報を表示装置に表示させることで、フローチャート全体の手順を確認した際の確認手順を振り返るユーザや、当該確認手順を共有しようとするユーザに、付加情報の内容も把握させることができる。よって、例えば、ユーザが複数の選択候補ステップの中から1つの選択候補ステップを選択した根拠(理由)が付加情報として記録される場合には、確認手順を振り返るユーザにその根拠を再考させやすくなり、また、確認手順を共有しようとするユーザにその根拠を参考にさせやすくなる。 According to this configuration, by displaying the additional information associated with the target step corresponding to the step for reproduction included in the enlarged image for reproduction on the display device, the user can look back on the confirmation procedure when confirming the procedure of the entire flowchart. Also, the user who intends to share the confirmation procedure can be made aware of the content of the additional information. Therefore, for example, when the basis (reason) for the user's selection of one selection candidate step from among a plurality of selection candidate steps is recorded as additional information, it becomes easier for the user to reconsider the basis when looking back at the confirmation procedure. In addition, it becomes easier for the user who intends to share the confirmation procedure to refer to the grounds thereof.

以上の各構成を備えたフローチャート表示システムの技術的特徴はフローチャート表示プログラムにも適用可能であり、そのようなプログラム、更には、そのようなプログラムが記憶された記憶媒体(例えば、光ディスク、フラッシュメモリ等)も、本明細書によって開示される。 The technical features of the flowchart display system having the above configurations can also be applied to the flowchart display program. etc.) are also hereby disclosed.

本開示に係るフローチャート表示プログラムは、フローチャートを表示装置に表示させるフローチャート表示プログラムであって、フローチャート記憶部に記憶されている作成済みの前記フローチャートに示される流れに沿って、前記フローチャートを構成する複数のステップのうちの1つを対象ステップとして順に選択して、前記フローチャートにおける前記対象ステップを含む一部を拡大表示した拡大画像を前記表示装置に順次表示させる表示処理機能と、ユーザの操作内容を表す操作情報を取得する操作情報取得機能と、をコンピュータに実現させ、現在選択されている前記対象ステップからの進行先となり得る1つ以上のステップを選択候補ステップとして、前記表示処理機能では、前記選択候補ステップのそれぞれに対応する操作標章を、前記拡大画像と共に前記表示装置に表示させ、前記操作標章は、前記フローチャートに示される流れに沿って隣接するステップ間を接続する矢印とは異なる態様の図形であって、対応する前記選択候補ステップを指す矢印を含む図形で表され、前記表示処理機能では、前記操作標章の選択操作を表す前記操作情報が前記操作情報取得機能により取得された場合に、前記選択操作の対象とされた前記操作標章に対応する前記選択候補ステップを次の前記対象ステップとして選択する。 A flowchart display program according to the present disclosure is a flowchart display program for displaying a flowchart on a display device, wherein a plurality of A display processing function that sequentially selects one of the steps of (1) as a target step and sequentially displays an enlarged image obtained by enlarging and displaying a portion of the flowchart including the target step on the display device; and an operation information acquisition function for acquiring operation information represented by the display processing function. An operation symbol corresponding to each of the selection candidate steps is displayed on the display device together with the enlarged image , and the operation symbol is different from the arrow connecting adjacent steps along the flow shown in the flowchart. The display processing function obtains the operation information representing the selection operation of the operation symbol by the operation information obtaining function. If so, the selection candidate step corresponding to the operation symbol targeted for the selection operation is selected as the next target step.

上述したフローチャート表示システムの種々の技術的特徴は、フローチャート表示プログラムにも適用可能である。 Various technical features of the flowchart display system described above are also applicable to the flowchart display program.

フローチャート表示システム及びフローチャート表示プログラムのさらなる特徴と利点は、図面を参照して記述する以下の実施形態の説明によってより明確となる。 Further features and advantages of the flowchart display system and flowchart display program will become clearer from the following description of embodiments described with reference to the drawings.

フローチャート表示システムの概略構成を示すブロック図Block diagram showing a schematic configuration of a flowchart display system 演算装置の概略構成を示すブロック図Block diagram showing a schematic configuration of an arithmetic unit フローチャートの全体を含む画像の一例を示す図A diagram showing an example of an image including the entire flow chart 拡大画像の第1例を示す図A diagram showing a first example of an enlarged image 拡大画像の第2例を示す図The figure which shows the 2nd example of an enlarged image 拡大画像の第3例を示す図The figure which shows the 3rd example of an enlarged image 拡大画像の第4例を示す図The figure which shows the 4th example of an enlarged image 拡大画像の第5例を示す図The figure which shows the 5th example of an enlarged image 選択経路を表示したフローチャートの全体を含む画像の一例を示す図A diagram showing an example of an image including the entire flow chart displaying selected paths 再現用拡大画像の一例を示す図A diagram showing an example of an enlarged image for reproduction 再現用拡大画像の別例を示す図Diagram showing another example of enlarged image for reproduction 付加情報を拡大表示した画像の一例を示す図A diagram showing an example of an image in which additional information is enlarged and displayed

フローチャート表示システムの実施形態について、図面を参照して説明する。ここでは、図1に示すように、本開示に係るフローチャート表示システムを、タブレット型の可搬型通信端末(一般的に、「タブレット端末」と呼ばれる)である端末装置10に適用した場合を例として説明する。なお、本明細書において、「装置」は一体化された1つのハードウェアに限定されるものではなく、1つの「装置」が互いに分離した複数のハードウェアを用いて構成されてもよい。 Embodiments of a flowchart display system are described with reference to the drawings. Here, as shown in FIG. 1, a case where the flowchart display system according to the present disclosure is applied to a terminal device 10 that is a tablet-type portable communication terminal (generally called a “tablet terminal”) is taken as an example. explain. In this specification, the "apparatus" is not limited to one piece of integrated hardware, and one "apparatus" may be configured using a plurality of pieces of hardware separated from each other.

フローチャート表示システム(以下、「表示システム1」という)は、フローチャート4(図3参照)を表示装置12に表示させるシステムである。図1に示すように、表示システム1が適用された端末装置10は、入力装置11と、表示装置12と、記憶装置15と、演算装置20と、を備えている。端末装置10は、更に、撮像装置14を備えている。図示は省略するが、端末装置10は、更に、通信ネットワークを介して通信を行う通信装置(例えば、無線通信装置)を備えている。通信装置は、他の端末装置10或いはサーバとデータ通信を行うために用いられる。本実施形態では、端末装置10は、タブレット端末であり、入力装置11、表示装置12、撮像装置14、記憶装置15、及び演算装置20は、1つの筐体に収められている。 The flowchart display system (hereinafter referred to as "display system 1") is a system for displaying the flowchart 4 (see FIG. 3) on the display device 12. FIG. As shown in FIG. 1, a terminal device 10 to which the display system 1 is applied includes an input device 11, a display device 12, a storage device 15, and an arithmetic device 20. The terminal device 10 further includes an imaging device 14 . Although not shown, the terminal device 10 further includes a communication device (for example, a wireless communication device) that communicates via a communication network. A communication device is used to perform data communication with another terminal device 10 or a server. In this embodiment, the terminal device 10 is a tablet terminal, and the input device 11, display device 12, imaging device 14, storage device 15, and arithmetic device 20 are housed in one housing.

入力装置11は、ユーザ(端末装置10のユーザ、以下同様)の操作を受け付ける装置である。入力装置11として、キーボードやポインティングデバイス(マウス、タッチパッド、タッチパネル等)を例示することができる。表示装置12は、画像を表示画面30(表示装置12の外面に設けられる画面、スクリーン等への投影画面等)に表示する装置である。表示装置12として、液晶ディスプレイを例示することができる。本実施形態では、入力装置11と表示装置12とが一体となった表示入力装置13(例えば、表示画面30がタッチパネルとして機能する液晶ディスプレイ)を用いる場合を想定している。 The input device 11 is a device that receives an operation from a user (the user of the terminal device 10, hereinafter the same). Examples of the input device 11 include a keyboard and pointing device (mouse, touch pad, touch panel, etc.). The display device 12 is a device that displays an image on a display screen 30 (a screen provided on the outer surface of the display device 12, a screen projected onto a screen, or the like). A liquid crystal display can be exemplified as the display device 12 . In this embodiment, it is assumed that a display input device 13 (for example, a liquid crystal display in which the display screen 30 functions as a touch panel) in which the input device 11 and the display device 12 are integrated is used.

撮像装置14は、端末装置10の外部(端末装置10の筐体の外部)を撮像する装置である。撮像装置14として、CCD(charge coupled device)やCIS(CMOS image sensor)等の撮像素子を備えたカメラを例示することができる。撮像装置14による撮像画像のデータは、静止画データ又は動画データとして記憶装置15に記憶される。 The imaging device 14 is a device that captures an image of the outside of the terminal device 10 (the outside of the housing of the terminal device 10). As the imaging device 14, a camera having an imaging element such as a CCD (charge coupled device) or a CIS (CMOS image sensor) can be exemplified. Data of an image captured by the imaging device 14 is stored in the storage device 15 as still image data or moving image data.

記憶装置15は、データを記憶及び書き換え可能な記憶装置(補助記憶装置)である。記憶装置15として、フラッシュメモリを記憶媒体として備えた記憶装置や、ハードディスクを記憶媒体として備えた記憶装置を例示することができる。記憶装置15には、演算装置20が実行するプログラム、フローチャート4の情報、撮像装置14による撮像画像のデータ等が記憶される。 The storage device 15 is a storage device (auxiliary storage device) capable of storing and rewriting data. Examples of the storage device 15 include a storage device having a flash memory as a storage medium and a storage device having a hard disk as a storage medium. The storage device 15 stores a program executed by the arithmetic device 20, information of the flowchart 4, data of an image captured by the imaging device 14, and the like.

演算装置20は、CPU(Central Processing Unit)等の演算処理装置と、当該演算処理装置が直接参照可能な記憶装置(以下、「主記憶装置」という)と、を備えている。主記憶装置として、DDR(Double Data Rate)規格或いはその後継の規格のRAM(Random Access Memory)を例示することができる。主記憶装置には、演算処置装置が各処理を実行する際にデータが一時的に記憶される。演算装置20(具体的には、演算処理装置)は、主記憶装置や記憶装置15に記憶されているプログラムを実行する。演算装置20(具体的には、演算処理装置)は、入力装置11から取得した情報に基づき演算処理を実行し、この際、記憶装置(主記憶装置又は記憶装置15)に適宜アクセスして必要な情報を取得する。演算装置20(具体的には、演算装置20が備える制御装置)は、演算処理の結果に基づき、端末装置10が備える各種装置やソフトウェアに対する制御を行う。なお、本実施形態では、記憶装置15が端末装置10に一体的に設けられる場合を想定しているが、記憶装置15の少なくとも一部が、端末装置10と通信可能な別の装置(例えば、サーバ)に設けられてもよい。また、本明細書において記憶装置15に記憶されると説明するデータの少なくとも一部が、主記憶装置に記憶されてもよい。 The arithmetic device 20 includes an arithmetic processing device such as a CPU (Central Processing Unit) and a storage device (hereinafter referred to as “main storage device”) that can be directly referred to by the arithmetic processing device. As the main storage device, RAM (Random Access Memory) of DDR (Double Data Rate) standard or its successor standard can be exemplified. Data is temporarily stored in the main storage device when the processing unit executes each process. The arithmetic device 20 (specifically, an arithmetic processing device) executes programs stored in the main storage device and the storage device 15 . The arithmetic device 20 (specifically, the arithmetic processing device) executes arithmetic processing based on the information acquired from the input device 11, and at this time, accesses the storage device (main storage device or storage device 15) as appropriate to obtain necessary information. information. The arithmetic device 20 (specifically, the control device provided in the arithmetic device 20) controls various devices and software provided in the terminal device 10 based on the result of arithmetic processing. In the present embodiment, it is assumed that the storage device 15 is provided integrally with the terminal device 10, but at least part of the storage device 15 is another device capable of communicating with the terminal device 10 (for example, server). Also, at least some of the data described herein as being stored in storage device 15 may be stored in main storage.

図2に示すように、演算装置20は、表示処理部21と、操作情報取得部25と、を備えている。演算装置20は、更に、結果生成部26と、再現処理部27と、を備えている。表示処理部21は、対象ステップ選択部22と、選択候補ステップ情報取得部23と、拡大画像生成部24と、を備えている。演算装置20が備えるこれら複数の機能部は、互いに情報の受け渡しを行うことが可能に構成される。なお、これら複数の機能部は、少なくとも論理的に区別されるものであり、物理的には必ずしも区別される必要はない。 As shown in FIG. 2 , the computing device 20 includes a display processing section 21 and an operation information acquisition section 25 . The computing device 20 further includes a result generator 26 and a reproduction processor 27 . The display processing unit 21 includes a target step selection unit 22 , a selection candidate step information acquisition unit 23 , and an enlarged image generation unit 24 . These functional units provided in the arithmetic device 20 are configured to be able to exchange information with each other. Note that these functional units are at least logically distinguished, and need not necessarily be physically distinguished.

演算装置20(具体的には、演算処理装置)は、記憶装置(主記憶装置又は記憶装置15、以下同様)に記憶されている各プログラムを実行することで、表示処理部21としての機能(表示処理機能)と、操作情報取得部25としての機能(操作情報取得機能)と、を実現する。演算装置20(具体的には、演算処理装置)は、更に、記憶装置に記憶されている各プログラムを実行することで、結果生成部26としての機能(結果生成機能)と、再現処理部27としての機能(再現処理機能)と、対象ステップ選択部22としての機能(対象ステップ選択機能)と、選択候補ステップ情報取得部23としての機能(選択候補ステップ情報取得機能)と、拡大画像生成部24としての機能(拡大画像生成機能)と、を実現する。このように、演算装置20が備える各機能部は、記憶装置に記憶されたソフトウェア(プログラム)又は別途設けられた演算回路等のハードウェア、或いはそれらの両方により構成される。 Arithmetic device 20 (specifically, arithmetic processing device) executes each program stored in a storage device (main storage device or storage device 15, hereinafter the same) to perform functions as display processing unit 21 ( display processing function) and the function of the operation information acquisition unit 25 (operation information acquisition function). The arithmetic device 20 (specifically, the arithmetic processing device) further executes each program stored in the storage device, so that the function as the result generation unit 26 (result generation function) and the reproduction processing unit 27 (reproduction processing function), function as the target step selection unit 22 (target step selection function), function as the selection candidate step information acquisition unit 23 (selection candidate step information acquisition function), and an enlarged image generation unit 24 (enlarged image generation function). In this way, each functional unit included in the arithmetic device 20 is configured by software (program) stored in the storage device, hardware such as an arithmetic circuit provided separately, or both.

演算装置20が備える各機能部の機能を演算装置20(具体的には、演算処理装置)に実現させるためのプログラムは、当該演算処理装置が参照可能な記憶装置に記憶される。演算装置20の各機能を演算装置20に実現させるためのプログラムは、記憶媒体により或いは通信ネットワークを介して提供される。そして、提供されたプログラムは、演算装置20が参照可能な記憶装置に記憶される。 A program for causing the arithmetic device 20 (specifically, the arithmetic processing device) to realize the functions of the functional units provided in the arithmetic device 20 is stored in a storage device that can be referred to by the arithmetic processing device. A program for causing the arithmetic device 20 to implement each function of the arithmetic device 20 is provided by a storage medium or via a communication network. The provided program is then stored in a storage device that can be referenced by the computing device 20 .

操作情報取得部25は、ユーザの操作内容を表す操作情報を取得する機能部である。操作情報取得部25は、取得した操作情報を、例えば表示処理部21に送信する。ユーザの操作は入力装置11を用いて行われ、操作情報取得部25は、入力装置11からの信号に基づき(具体的には、入力装置11からの信号を解析して)、入力装置11に対するユーザの種々の操作の内容を表す操作情報を取得する。本実施形態では、ユーザは、表示装置12(ここでは、表示入力装置13)の表示画面30に表示された画面(グラフィカルユーザインタフェース)を操作して、種々の操作を行う。 The operation information acquisition unit 25 is a functional unit that acquires operation information representing the content of user's operation. The operation information acquisition unit 25 transmits the acquired operation information to the display processing unit 21, for example. A user's operation is performed using the input device 11, and the operation information acquisition unit 25, based on the signal from the input device 11 (specifically, by analyzing the signal from the input device 11), Operation information representing the contents of various user operations is acquired. In this embodiment, the user operates a screen (graphical user interface) displayed on the display screen 30 of the display device 12 (here, the display input device 13) to perform various operations.

表示処理部21は、フローチャート4(具体的には、フローチャート記憶部16に記憶されている作成済みのフローチャート4)に示される流れに沿ってフローチャート4を構成する複数のステップ40のうちの1つを対象ステップ41として順に選択して、フローチャート4における対象ステップ41を含む一部を拡大表示した拡大画像60を表示装置12に順次表示させる機能部である。すなわち、表示処理部21は、拡大画像60を表示装置12に順次表示させる拡大画像表示処理を実行する。後述するように、現在選択されている対象ステップ41からの進行先(他のステップ40を介さない進行先(直接の進行先)、以下同様)となり得る1つ以上のステップ40を選択候補ステップ42として、表示処理部21は、選択候補ステップ42のそれぞれに対応する操作標章70を、拡大画像60と共に表示装置12に表示させる。表示システム1は、作成済みのフローチャート4を記憶するフローチャート記憶部16を備えており、本実施形態では、フローチャート記憶部16は、記憶装置15に設けられている。表示処理部21は、表示装置12に表示させる作成済みのフローチャート4の情報を、記憶装置15(具体的には、フローチャート記憶部16)を参照して取得する。 The display processing unit 21 selects one of a plurality of steps 40 constituting the flowchart 4 along the flow shown in the flowchart 4 (specifically, the created flowchart 4 stored in the flowchart storage unit 16). are sequentially selected as the target step 41, and the display device 12 sequentially displays an enlarged image 60 in which a portion including the target step 41 in the flowchart 4 is enlarged and displayed. That is, the display processing unit 21 executes an enlarged image display process for sequentially displaying the enlarged images 60 on the display device 12 . As will be described later, one or more steps 40 that can be destinations (direct destinations without going through other steps 40 (direct destinations), hereinafter the same) from the currently selected target step 41 are designated as selection candidate steps 42 . As such, the display processing unit 21 causes the display device 12 to display the operation symbol 70 corresponding to each of the selection candidate steps 42 together with the enlarged image 60 . The display system 1 includes a flowchart storage unit 16 that stores the created flowchart 4 , and the flowchart storage unit 16 is provided in the storage device 15 in this embodiment. The display processing unit 21 acquires the information of the created flowchart 4 to be displayed on the display device 12 by referring to the storage device 15 (specifically, the flowchart storage unit 16).

本実施形態では、端末装置10は、入力装置11に対するユーザの操作内容に応じたフローチャート4を生成する機能を有している。すなわち、ユーザは、端末装置10を用いてフローチャート4を作成し、ユーザにより作成されたフローチャート4が、作成済みのフローチャート4としてフローチャート記憶部16に記憶される。端末装置10が、作成済みのフローチャート4の情報(例えば、他の端末装置10を用いて作成されたフローチャート4の情報)を、通信ネットワークを介して取得し、当該フローチャート4の情報がフローチャート記憶部16に記憶されてもよい。 In this embodiment, the terminal device 10 has a function of generating the flowchart 4 according to the user's operation content on the input device 11 . That is, the user creates the flowchart 4 using the terminal device 10 , and the flowchart 4 created by the user is stored in the flowchart storage unit 16 as the created flowchart 4 . The terminal device 10 acquires the information of the created flowchart 4 (for example, the information of the flowchart 4 created using another terminal device 10) via the communication network, and the information of the flowchart 4 is stored in the flowchart storage unit. 16 may be stored.

フローチャート4を作成する際にユーザが入力装置11を用いて行う操作には、例えば、フローチャート4を構成するステップ40を作成又は削除する操作、ステップ40を移動させる操作、ステップ40の内容(ステップ40を表す図形内に表示される文字や記号等の表示要素)を設定する操作(例えば、文字の入力操作)、フローチャート4の流れを表す矢印5を作成又は削除する操作等が含まれる。矢印5の向きは、フローチャート4の流れに沿って下流側に向かう方向を表す。よって、矢印5の終端(先端)に接続されたステップ40は、当該矢印5の始端(基端)に接続されたステップ40からの進行先(遷移先)のステップ40とされる。言い換えれば、矢印5の始端に接続されたステップ40は、当該矢印5の終端に接続されたステップ40への進行元(遷移元)のステップ40とされる。なお、煩雑さを避けるため、図3及び図9以外の図面では、矢印を表す符号“5”の図示を省略している。 The operations performed by the user using the input device 11 when creating the flowchart 4 include, for example, an operation to create or delete step 40 constituting the flowchart 4, an operation to move step 40, and the contents of step 40 (step 40 display elements such as characters and symbols displayed in a graphic representing ) (for example, character input operation), an operation of creating or deleting an arrow 5 representing the flow of the flowchart 4, and the like. The direction of arrow 5 represents the direction toward the downstream along the flow of flowchart 4 . Therefore, the step 40 connected to the end (tip) of the arrow 5 is the step 40 of the destination (transition destination) from the step 40 connected to the start (base) of the arrow 5 . In other words, the step 40 connected to the start end of the arrow 5 is the step 40 of the progress source (transition source) to the step 40 connected to the end of the arrow 5 . In addition, in order to avoid complication, in drawings other than FIGS.

フローチャート記憶部16には、フローチャート4を構成する各ステップ40について、ステップ40の種別の情報、ステップ40の内容の情報、及び、ステップ40の配置の情報が記憶されている。これらの情報は、ステップ40を識別する識別情報に関連付けて記憶されている。ステップ40の種別には、例えば、フローチャート4の開始又は終了を表す“開始/終了”、処理(作業)を表す“処理”、判断(条件)を表す“判断”等が含まれる。ステップ40の内容は、文字や記号等で表される。種別が“開始/終了”のステップ40の内容は、当該ステップ40が開始ステップ(フローチャート4の開始を表すステップ40)及び終了ステップ(フローチャート4の終了を表すステップ40)のいずれであるかを示す内容とされ、種別が“処理”のステップ40の内容は、当該ステップ40で実行する処理の内容とされ、種別が“判断”のステップ40の内容は、当該ステップ40で実行する判断の内容とされる。ステップ40の配置は、例えば、ステップ40の位置(座標)及びサイズで表される。なお、ステップ40の配置を、ステップ40を表す図形の複数の頂点の位置(座標)で表してもよい。 For each step 40 constituting the flowchart 4 , information on the type of the step 40 , information on the content of the step 40 , and information on the arrangement of the step 40 are stored in the flowchart storage unit 16 . These pieces of information are stored in association with identification information that identifies step 40 . The type of step 40 includes, for example, "start/end" indicating the start or end of the flowchart 4, "processing" indicating processing (work), and "judgment" indicating judgment (condition). The contents of step 40 are represented by characters, symbols, or the like. The content of step 40 whose type is "start/end" indicates whether the step 40 is a start step (step 40 representing the start of flowchart 4) or an end step (step 40 representing the end of flowchart 4). The contents of the step 40 whose type is "process" are the contents of the process to be executed at the step 40, and the contents of the step 40 whose type is "judgment" are the contents of the judgment to be executed at the step 40. be done. The arrangement of the steps 40 is represented by the position (coordinates) and size of the steps 40, for example. Note that the arrangement of the steps 40 may be represented by the positions (coordinates) of a plurality of vertices of the figure representing the steps 40 .

図3等では、ステップ40の内容を簡略化して“A”~“I”のアルファベットで表している。以下では、内容が“○”(○は任意のアルファベット)のステップ40を、“ステップ(○)”と表記する。例えば、ステップ(A)は、内容が“A”のステップ40を表す。図3に示す例では、ステップ(A)が開始ステップであり、ステップ(I)が終了ステップである。すなわち、ステップ(A)及びステップ(I)は、種別が“開始/終了”のステップ40である。また、図3に示す例では、ステップ(B)、ステップ(D)、ステップ(E)、ステップ(G)、及びステップ(H)が、種別が“処理”のステップ40であり、ステップ(C)及びステップ(F)が、種別が“判断”のステップ40である。図3に示すように、一般に、種別が“開始/終了”のステップ40は、長方形の全ての角が円弧状の角丸長方形で表され、種別が“処理”のステップ40は、長方形で表され、種別が“判断”のステップ40は、菱形で表される。 In FIG. 3 and the like, the contents of step 40 are simplified and represented by alphabetical letters "A" to "I". In the following, the step 40 whose content is "o" (o is an arbitrary alphabet) is written as "step (o)". For example, step (A) represents step 40 whose content is "A". In the example shown in FIG. 3, step (A) is the start step and step (I) is the end step. That is, step (A) and step (I) are step 40 whose type is "start/end". Further, in the example shown in FIG. 3, step (B), step (D), step (E), step (G), and step (H) are step 40 whose type is "processing", and step (C ) and step (F) are step 40 whose type is "judgment". As shown in FIG. 3, in general, the step 40 of type "start/end" is represented by a rounded rectangle with arcuate corners, and the step 40 of type "processing" is represented by a rectangle. , and the step 40 whose type is "judgment" is represented by a rhombus.

また、フローチャート記憶部16には、フローチャート4を構成するステップ40間の接続関係の情報が記憶されている。ステップ40間の接続関係の情報は、例えば、各ステップ40についての、矢印5で接続された進行元(すなわち、他のステップ40を介さない進行元(直接の進行元))のステップ40と、矢印5で接続された進行先(すなわち、他のステップ40を介さない進行先(直接の進行先))のステップ40とを示す情報とされる。なお、各矢印5についての、矢印5の始端に接続されたステップ40と、矢印5の終端に接続されたステップ40とを示す情報から、ステップ40間の接続関係を導き出すことができるため、ステップ40間の接続関係の情報を、各矢印5についての、矢印5の始端に接続されたステップ40と、矢印5の終端に接続されたステップ40とを示す情報としてもよい。 Further, in the flowchart storage unit 16, information on connection relationships between steps 40 constituting the flowchart 4 is stored. The information on the connection relationship between the steps 40 is, for example, the step 40 of the progress source connected by the arrow 5 (that is, the progress source not via another step 40 (direct progress source)) for each step 40, It is information indicating the step 40 of the destination connected by the arrow 5 (that is, the destination without going through another step 40 (direct destination)). For each arrow 5, the connection relationship between the steps 40 can be derived from the information indicating the step 40 connected to the start end of the arrow 5 and the step 40 connected to the end of the arrow 5. The information on the connection relationship between 40 may be information indicating, for each arrow 5 , the step 40 connected to the beginning of the arrow 5 and the step 40 connected to the end of the arrow 5 .

上述したように、表示処理部21は、対象ステップ選択部22と、選択候補ステップ情報取得部23と、拡大画像生成部24と、を備えている。対象ステップ選択部22、選択候補ステップ情報取得部23、及び拡大画像生成部24は、フローチャート記憶部16を参照して必要な情報を取得する。対象ステップ選択部22は、フローチャート4に示される流れに沿って(すなわち、フローチャート4を辿るように)フローチャート4を構成する複数のステップ40のうちの1つを対象ステップ41として順に選択する機能部である。表示装置12(具体的には、表示画面30)には操作標章70が表示され、表示処理部21(具体的には、対象ステップ選択部22)は、操作標章70の選択操作を表す操作情報を操作情報取得部25が取得した場合に、選択操作の対象とされた操作標章70に対応する選択候補ステップ42を次の対象ステップ41として選択するように構成されている。 As described above, the display processing section 21 includes the target step selection section 22 , the selection candidate step information acquisition section 23 , and the enlarged image generation section 24 . The target step selection unit 22, selection candidate step information acquisition unit 23, and enlarged image generation unit 24 refer to the flowchart storage unit 16 to acquire necessary information. The target step selection unit 22 is a functional unit that sequentially selects one of the plurality of steps 40 forming the flowchart 4 as the target step 41 along the flow shown in the flowchart 4 (that is, following the flowchart 4). is. An operation symbol 70 is displayed on the display device 12 (specifically, the display screen 30), and the display processing unit 21 (specifically, the target step selection unit 22) displays the selection operation of the operation symbol 70. When the operation information acquisition unit 25 acquires the operation information, the selection candidate step 42 corresponding to the operation mark 70 targeted for the selection operation is selected as the next target step 41 .

現在選択されている対象ステップ41からの進行先となり得るステップ40を選択候補ステップ42として、選択候補ステップ情報取得部23は、選択候補ステップ42の情報を取得する機能部である。選択候補ステップ情報取得部23は、対象ステップ選択部22が新たな対象ステップ41を選択する度に、新たに選択された対象ステップ41についての選択候補ステップ42の情報を取得する。選択候補ステップ情報取得部23は、選択候補ステップ42の数の情報を少なくとも取得する。例えば、現在選択されている対象ステップ41が“処理”を表すステップ40である場合には、選択候補ステップ42の数は一般に1つとなり、現在選択されている対象ステップ41が“判断”を表すステップ40である場合には、選択候補ステップ42の数は一般に2つ以上となるように、選択候補ステップ42の数は、現在選択されている対象ステップ41の種別に応じて変化する。 The selection candidate step information acquisition unit 23 is a functional unit that acquires information on the selection candidate step 42 , with the step 40 that can be the destination of the currently selected target step 41 as the selection candidate step 42 . The selection candidate step information acquisition unit 23 acquires information on the selection candidate step 42 for the newly selected target step 41 each time the target step selection unit 22 selects a new target step 41 . The selection candidate step information acquisition unit 23 acquires at least information on the number of selection candidate steps 42 . For example, if the currently selected target step 41 is step 40 representing "process", the number of selection candidate steps 42 is generally one, and the currently selected target step 41 represents "judgment". In the case of step 40, the number of selection candidate steps 42 varies according to the type of target step 41 currently selected so that the number of selection candidate steps 42 is generally two or more.

拡大画像生成部24は、フローチャート4における対象ステップ41を含む一部を拡大表示した拡大画像60を生成する機能部である。表示処理部21は、拡大画像生成部24が生成した拡大画像60を表示装置12に表示させる。拡大画像生成部24は、対象ステップ選択部22が新たな対象ステップ41を選択する度に(言い換えれば、選択候補ステップ情報取得部23が、新たに選択された対象ステップ41についての選択候補ステップ42の情報を取得する度に)、新たに選択された対象ステップ41を含む拡大画像60を生成する。これにより、新たな拡大画像60が表示装置12に順次表示される。 The enlarged image generation unit 24 is a functional unit that generates an enlarged image 60 in which a portion including the target step 41 in the flowchart 4 is displayed in an enlarged manner. The display processing unit 21 causes the display device 12 to display the enlarged image 60 generated by the enlarged image generation unit 24 . Each time the target step selection unit 22 selects a new target step 41 (in other words, the selection candidate step information acquisition unit 23 selects the selection candidate step 42 for the newly selected target step 41). ), an enlarged image 60 containing the newly selected target step 41 is generated. As a result, new enlarged images 60 are sequentially displayed on the display device 12 .

表示処理部21(具体的には、拡大画像生成部24)は、対象ステップ41(現在選択されている対象ステップ41)と当該対象ステップ41についての1つ以上の選択候補ステップ42の全てとを含むように、拡大画像60を生成する。後に参照する図4、図5、及び図7に示す例では、対象ステップ41と1つの選択候補ステップ42とを含むように拡大画像60が生成されており、後に参照する図6に示す例では、対象ステップ41と2つの選択候補ステップ42とを含むように拡大画像60が生成されている。図6に示すように、1つの対象ステップ41について選択候補ステップ42が複数(図6に示す例では、2つ)存在する場合、これら複数の選択候補ステップ42は、一般に、表示画面30の左右方向(横方向)における互いに異なる位置に配置される。 The display processing unit 21 (specifically, the enlarged image generation unit 24) displays the target step 41 (currently selected target step 41) and all of one or more selection candidate steps 42 for the target step 41. A magnified image 60 is generated to include. In the examples shown in FIGS. 4, 5, and 7, which will be referred to later, the enlarged image 60 is generated so as to include the target step 41 and one selection candidate step 42, and in the example shown in FIG. , the enlarged image 60 is generated to include the target step 41 and two selection candidate steps 42 . As shown in FIG. 6, when there are a plurality of selection candidate steps 42 for one target step 41 (two in the example shown in FIG. They are arranged at different positions in the direction (horizontal direction).

表示処理部21(具体的には、拡大画像生成部24)は、拡大画像60の倍率を、当該拡大画像60に含まれる選択候補ステップ42の数に応じて異ならせるように構成されている。本実施形態では、表示処理部21は、拡大画像60の倍率を、当該拡大画像60に含まれる選択候補ステップ42の数が少なくなるに従って大きくするように構成されている。具体的には、拡大画像60に含まれる選択候補ステップ42の数を“N”(Nは自然数)とし、拡大画像60に含まれる選択候補ステップ42の数が“N”である場合の拡大画像60の倍率を“M(N)”として、“M(N+1)<M(N)”の関係が満たされるように拡大画像60の倍率が設定される。なお、拡大画像60の倍率は、拡大画像60に含まれる選択候補ステップ42の数に応じて、全ての選択候補ステップ42が含まれるように設定される。 The display processing unit 21 (specifically, the enlarged image generation unit 24 ) is configured to change the magnification of the enlarged image 60 according to the number of selection candidate steps 42 included in the enlarged image 60 . In this embodiment, the display processing unit 21 is configured to increase the magnification of the enlarged image 60 as the number of selection candidate steps 42 included in the enlarged image 60 decreases. Specifically, the number of selection candidate steps 42 included in the enlarged image 60 is "N" (N is a natural number), and the enlarged image in the case where the number of selection candidate steps 42 included in the enlarged image 60 is "N". The magnification of the enlarged image 60 is set so that the relationship of "M(N+1)<M(N)" is satisfied, where the magnification of the image 60 is "M(N)". Note that the magnification of the enlarged image 60 is set according to the number of selection candidate steps 42 included in the enlarged image 60 so that all selection candidate steps 42 are included.

上記のように拡大画像60の倍率が設定されるため、拡大画像60に2つの選択候補ステップ42が含まれる場合(図6参照)の拡大画像60の倍率は、拡大画像60に1つの選択候補ステップ42が含まれる場合(図4、図5、及び図7参照)の拡大画像60の倍率(例えば、予め定めた所定倍率)よりも小さい。また、図示は省略するが、拡大画像60に3つの選択候補ステップ42が含まれる場合の拡大画像60の倍率は、拡大画像60に2つの選択候補ステップ42が含まれる場合(図6参照)の拡大画像60の倍率よりも小さい。 Since the magnification of the enlarged image 60 is set as described above, when the enlarged image 60 includes two selection candidate steps 42 (see FIG. 6), the magnification of the enlarged image 60 is one selection candidate in the enlarged image 60. It is smaller than the magnification (for example, a predetermined magnification) of the enlarged image 60 when step 42 is included (see FIGS. 4, 5, and 7). Also, although illustration is omitted, the magnification of the enlarged image 60 when the enlarged image 60 includes three selection candidate steps 42 is the same as when the enlarged image 60 includes two selection candidate steps 42 (see FIG. 6). It is smaller than the magnification of the enlarged image 60 .

表示処理部21は、選択候補ステップ42のそれぞれに対応する操作標章70を、拡大画像60と共に表示装置12に表示させる。操作標章70は、対応する選択候補ステップ42を選択するための標章(例えば、アイコンやボタンイメージ等)である。操作標章70を表示装置12に表示させることで、選択候補ステップ42の選択操作をユーザに促すことができる。本実施形態では、操作標章70は、いずれの選択候補ステップ42に対応するかをユーザに想起させる態様で表示される。具体的には、図4~図7に示すように、操作標章70は、対応する選択候補ステップ42を指す矢印を含む図形で表される。なお、図4に示す操作標章70は、ステップ(B)に対応する操作標章70であり、図5に示す操作標章70は、ステップ(C)に対応する操作標章70であり、図7に示す操作標章70は、ステップ(F)に対応する操作標章70である。また、図6に示す2つの操作標章70のうちの一方の操作標章70は、ステップ(D)に対応する操作標章70であり、他方の操作標章70は、ステップ(E)に対応する操作標章70である。上述したように、表示処理部21(具体的には、対象ステップ選択部22)は、操作標章70の選択操作を表す操作情報を操作情報取得部25が取得した場合に、選択操作の対象とされた操作標章70に対応する選択候補ステップ42を次の対象ステップ41として選択する。操作標章70の選択操作は、例えば、表示画面30における操作標章70が表示されている領域に対するユーザの入力操作(例えば、タッチ操作やタップ操作等)とされる。 The display processing unit 21 causes the display device 12 to display the operation mark 70 corresponding to each of the selection candidate steps 42 together with the enlarged image 60 . The operation mark 70 is a mark (for example, icon, button image, etc.) for selecting the corresponding selection candidate step 42 . By displaying the operation mark 70 on the display device 12 , it is possible to prompt the user to perform a selection operation in the selection candidate step 42 . In this embodiment, the operation mark 70 is displayed in a manner that reminds the user of which selection candidate step 42 it corresponds to. Specifically, as shown in FIGS. 4-7, manipulation indicia 70 are represented by graphics that include arrows pointing to corresponding candidate selection steps 42 . The manipulation mark 70 shown in FIG. 4 is the manipulation mark 70 corresponding to step (B), the manipulation mark 70 shown in FIG. 5 is the manipulation mark 70 corresponding to step (C), The operation mark 70 shown in FIG. 7 is the operation mark 70 corresponding to step (F). One of the two manipulation marks 70 shown in FIG. 6 is the manipulation mark 70 corresponding to step (D), and the other manipulation mark 70 corresponds to step (E). The corresponding operational indicium 70 is. As described above, the display processing unit 21 (specifically, the target step selection unit 22) selects the target step of the selection operation when the operation information acquisition unit 25 acquires the operation information representing the selection operation of the operation mark 70. The selection candidate step 42 corresponding to the manipulation symbol 70 thus determined is selected as the next target step 41 . The selection operation of the operation mark 70 is, for example, a user's input operation (for example, touch operation, tap operation, etc.) on the area where the operation mark 70 is displayed on the display screen 30 .

操作標章70は、いずれの選択候補ステップ42に対応するかをユーザが視認可能な位置に表示される。図4~図7に示すように、本実施形態では、操作標章70は、当該操作標章70に対応する選択候補ステップ42と、現在選択されている対象ステップ41と当該選択候補ステップ42とを接続する矢印5との接続部に、これらの選択候補ステップ42及び矢印5の双方に重ねて表示される。すなわち、本実施形態では、操作標章70は、対応する選択候補ステップ42に重ねて表示される。ここでは、操作標章70は、選択候補ステップ42の内容を表す表示要素(文字や記号等)に重ならないように表示される。また、本実施形態では、操作標章70は、矢印5の終端に重ねて表示される。 The operation mark 70 is displayed at a position where the user can visually recognize which selection candidate step 42 it corresponds to. As shown in FIGS. 4 to 7, in this embodiment, the manipulation mark 70 includes the selection candidate step 42 corresponding to the manipulation mark 70, the currently selected target step 41, and the selection candidate step 42. , the selection candidate step 42 and the arrow 5 are superimposed on each other. That is, in this embodiment, the manipulation mark 70 is displayed superimposed on the corresponding selection candidate step 42 . Here, the operation mark 70 is displayed so as not to overlap display elements (characters, symbols, etc.) representing the contents of the selection candidate step 42 . Further, in the present embodiment, the operation mark 70 is superimposed on the end of the arrow 5 and displayed.

表示処理部21は、操作標章70の表示態様を、現在選択されている対象ステップ41についての選択候補ステップ42の数に応じて異ならせるように構成されている。すなわち、現在選択されている対象ステップ41についての選択候補ステップ42の数が1つである場合に表示される操作標章70を第1操作標章71とし(図4、図5、及び図7参照)、現在選択されている対象ステップ41についての選択候補ステップ42の数が2つである場合に表示される操作標章70を第2操作標章72とすると(図6参照)、第1操作標章71と第2操作標章72とは、互いに異なる表示態様で表示される。 The display processing unit 21 is configured to change the display mode of the manipulation mark 70 according to the number of selection candidate steps 42 for the currently selected target step 41 . That is, the operation symbol 70 displayed when the number of selection candidate steps 42 for the currently selected target step 41 is one is defined as the first operation symbol 71 (FIGS. 4, 5, and 7). ), and if the number of selection candidate steps 42 for the currently selected target step 41 is two, the operation symbol 70 displayed is the second operation symbol 72 (see FIG. 6). The manipulation mark 71 and the second manipulation mark 72 are displayed in different display modes.

本実施形態では、現在選択されている対象ステップ41についての選択候補ステップ42の数が1つである場合の操作標章70の表示態様と、現在選択されている対象ステップ41についての選択候補ステップ42の数が2つ以上である場合の操作標章70の表示態様とを異ならせることで、操作標章70の表示態様を、現在選択されている対象ステップ41についての選択候補ステップ42の数に応じて異ならせるように構成されている。よって、本実施形態では、現在選択されている対象ステップ41についての選択候補ステップ42の数が3つ以上である場合に表示される操作標章70の表示態様は、第2操作標章72の表示態様と同一とされる。 In this embodiment, the display mode of the manipulation mark 70 when the number of selection candidate steps 42 for the currently selected target step 41 is one, and the selection candidate step for the currently selected target step 41 By making the display mode of the operation mark 70 different from the display mode of the operation mark 70 when the number of 42 is two or more, the display mode of the operation mark 70 can be changed to the number of selection candidate steps 42 for the currently selected target step 41. It is configured to be different depending on the Therefore, in the present embodiment, the display mode of the manipulation mark 70 displayed when the number of selection candidate steps 42 for the currently selected target step 41 is three or more is that of the second manipulation mark 72. It is the same as the display mode.

本実施形態では、表示処理部21は、操作標章70の表示色を、現在選択されている対象ステップ41についての選択候補ステップ42の数に応じて異ならせるように構成されている。よって、例えば、第1操作標章71は、緑色の矢印を含む図形で表され、第2操作標章72は、赤色の矢印を含む図形で表される。操作標章70の表示態様における表示色以外の要素(例えば、形状)を、現在選択されている対象ステップ41についての選択候補ステップ42の数に応じて異ならせてもよい。また、操作標章70の表示態様における複数の要素(例えば、表示色及び形状)を、現在選択されている対象ステップ41についての選択候補ステップ42の数に応じて異ならせてもよい。 In this embodiment, the display processing unit 21 is configured to change the display color of the operation symbol 70 according to the number of selection candidate steps 42 for the currently selected target step 41 . Therefore, for example, the first manipulation mark 71 is represented by a graphic including a green arrow, and the second manipulation mark 72 is represented by a graphic including a red arrow. Elements (for example, shape) other than the display color in the display mode of the operation mark 70 may be varied according to the number of selection candidate steps 42 for the currently selected target step 41 . Also, a plurality of elements (for example, display color and shape) in the display mode of the operation mark 70 may be varied according to the number of selection candidate steps 42 for the currently selected target step 41 .

結果生成部26は、対象ステップ41として選択されたステップ40の履歴の情報(以下、「ステップ選択履歴情報」という)を生成する機能部である。結果生成部26は、操作情報取得部25により取得される操作標章70の選択操作を表す操作情報に基づき、ステップ選択履歴情報を生成する。そして、結果生成部26は、生成したステップ選択履歴情報を結果記録部17に記録する。すなわち、表示システム1は、ステップ選択履歴情報を記録する結果記録部17を備えており、本実施形態では、結果記録部17は、記憶装置15に設けられている。 The result generation unit 26 is a functional unit that generates history information of the step 40 selected as the target step 41 (hereinafter referred to as “step selection history information”). The result generation unit 26 generates step selection history information based on the operation information representing the selection operation of the operation mark 70 acquired by the operation information acquisition unit 25 . The result generation unit 26 then records the generated step selection history information in the result recording unit 17 . That is, the display system 1 includes a result recording section 17 that records step selection history information, and the result recording section 17 is provided in the storage device 15 in this embodiment.

本実施形態では、結果記録部17は、操作標章70の選択操作以外の特定操作を表す操作情報を操作情報取得部25が取得した場合に、特定操作に関する付加情報80を、特定操作の対象とされた対象ステップ41に関連付けて記録するように構成されている。具体的には、特定操作を表す操作情報を操作情報取得部25が取得した場合に、結果生成部26が、特定操作に関する付加情報80を生成して、生成した付加情報80を、特定操作の対象とされた対象ステップ41に関連付けて結果記録部17に記録するように構成されている。 In this embodiment, when the operation information acquisition unit 25 acquires operation information representing a specific operation other than the selection operation of the operation mark 70, the result recording unit 17 stores the additional information 80 related to the specific operation as the target of the specific operation. It is configured to be recorded in association with the target step 41 defined as. Specifically, when the operation information acquisition unit 25 acquires the operation information representing the specific operation, the result generation unit 26 generates the additional information 80 related to the specific operation, and uses the generated additional information 80 as the specific operation. It is configured to be recorded in the result recording unit 17 in association with the target step 41 that is the target.

本実施形態では、特定操作には、撮像装置14を用いた撮像操作と、入力装置11を用いた入力操作とが含まれる。特定操作が、撮像装置14を用いた撮像操作である場合、特定操作に関する付加情報80は、撮像装置14による撮像画像の情報とされる。また、特定操作が、入力装置11を用いた入力操作である場合、特定操作に関する付加情報80は、入力装置11を用いて入力された情報(例えば、文字や図形等の情報)とされる。ユーザは、撮像装置14を用いた撮像操作や入力装置11を用いた入力操作を行うことで、例えば、複数の選択候補ステップ42の中から1つの選択候補ステップ42を選択した根拠(理由)を示す付加情報80を、結果記録部17に記録して残すことができる。例えば、フローチャート4が実験の手順を示す場合には、実験結果の撮像画像の情報や、実験結果を記録した文字(メモ)の情報等が、付加情報80とされる。 In this embodiment, the specific operation includes an imaging operation using the imaging device 14 and an input operation using the input device 11 . If the specific operation is an imaging operation using the imaging device 14 , the additional information 80 related to the specific operation is information of the image captured by the imaging device 14 . Further, when the specific operation is an input operation using the input device 11, the additional information 80 related to the specific operation is information (for example, information such as characters and figures) input using the input device 11. By performing an imaging operation using the imaging device 14 or an input operation using the input device 11, the user can, for example, find the basis (reason) for selecting one selection candidate step 42 from among a plurality of selection candidate steps 42. The additional information 80 shown can be recorded and left in the result recording unit 17 . For example, when the flowchart 4 shows the procedure of an experiment, the additional information 80 includes information on captured images of the experimental results, information on characters (memos) recording the experimental results, and the like.

対象ステップ41として選択された複数のステップ40を、対象ステップ41としての選択順に結ぶ経路を選択経路6(図9参照)として、本実施形態では、結果記録部17は、選択経路6を含むフローチャート4の情報を記録するように構成されている。図9に示す例では、ステップ(A)、ステップ(B)、ステップ(C)、ステップ(E)、ステップ(F)、ステップ(G)、及びステップ(I)を、記載の順に結ぶ経路が、選択経路6とされる。 A route connecting a plurality of steps 40 selected as target steps 41 in the order of selection as target steps 41 is defined as a selected route 6 (see FIG. 9). 4 information is recorded. In the example shown in FIG. 9, the route connecting step (A), step (B), step (C), step (E), step (F), step (G), and step (I) in the order listed is , and the selected path 6 .

再現処理部27は、結果記録部17に記録されている情報を表示装置12に表示させる機能部である。具体的には、再現処理部27は、結果記録部17に記録されているステップ選択履歴情報を参照し、対象ステップ41として選択されたステップ40が時系列順に並べられた履歴画像61(図9参照)を生成して表示装置12に表示させるように構成されている。図9では、ステップ(A)、ステップ(B)、ステップ(C)、ステップ(E)、ステップ(F)、ステップ(G)、及びステップ(I)が、記載の順に対象ステップ41として選択された場合を想定している。図9に示す例では、履歴画像61が表示される第2ウィンドウ32とは別の第1ウィンドウ31に、選択経路6を表示したフローチャート4の画像が表示されている。 The reproduction processing unit 27 is a functional unit that causes the display device 12 to display information recorded in the result recording unit 17 . Specifically, the reproduction processing unit 27 refers to the step selection history information recorded in the result recording unit 17, and a history image 61 (FIG. 9) in which the steps 40 selected as the target steps 41 are arranged in chronological order. ) are generated and displayed on the display device 12 . In FIG. 9, step (A), step (B), step (C), step (E), step (F), step (G), and step (I) are selected as the target step 41 in the described order. It is assumed that In the example shown in FIG. 9, the image of the flowchart 4 displaying the selected route 6 is displayed in the first window 31 different from the second window 32 in which the history image 61 is displayed.

図9では、付加情報80としての画像情報81(撮像装置14による撮像画像の情報)が、ステップ(C)に関連付けて結果記録部17に記録され、付加情報80としての文字情報82(入力装置11を用いて入力された文字の情報)が、ステップ(F)に関連付けて結果記録部17に記録されている場合を想定している。このように付加情報80が結果記録部17に記録されている場合に、再現処理部27は、付加情報80を含むように履歴画像61を生成する。図9に示す例では、付加情報80は、当該付加情報80が関連付けられた対象ステップ41に対して下側に隣接する位置に表示されている。 In FIG. 9, image information 81 (information of an image captured by the imaging device 14) as additional information 80 is recorded in the result recording unit 17 in association with step (C), and character information 82 (input device 11) is recorded in the result recording unit 17 in association with step (F). When the additional information 80 is recorded in the result recording unit 17 in this way, the reproduction processing unit 27 generates the history image 61 so as to include the additional information 80 . In the example shown in FIG. 9, the additional information 80 is displayed at a position below and adjacent to the target step 41 with which the additional information 80 is associated.

本実施形態では、再現処理部27は、結果記録部17に記録されている、選択経路6を含むフローチャート4の情報を参照し、選択経路6を表示したフローチャート4の画像(図9参照)を生成して表示装置12に表示させるように構成されている。図9に示す例では、選択経路6を構成する矢印5(対象ステップ41同士を接続する矢印5)を強調表示すると共に対象ステップ41を強調表示することで、選択経路6を表示している(視認可能に表示している)。選択経路6を構成する矢印5は、例えば、線の色、線種、線の太さ等を、選択経路6を構成しない矢印5と異ならせることで、強調表示される。また、対象ステップ41は、例えば、対象ステップ41を表す図形の輪郭線の色、当該輪郭線の線種、当該輪郭線の太さ、対象ステップ41を表す図形の塗りつぶし色等を、対象ステップ41以外のステップ40と異ならせることで、強調表示される。なお、選択経路6を構成する矢印5及び対象ステップ41のいずれか一方のみを強調表示することで、選択経路6が表示される構成とすることもできる。 In this embodiment, the reproduction processing unit 27 refers to the information of the flowchart 4 including the selected route 6 recorded in the result recording unit 17, and reproduces the image of the flowchart 4 displaying the selected route 6 (see FIG. 9). It is configured to be generated and displayed on the display device 12 . In the example shown in FIG. 9, the selected path 6 is displayed by highlighting the arrows 5 (the arrows 5 connecting the target steps 41) constituting the selected path 6 and highlighting the target step 41 ( visible). The arrows 5 that make up the selected path 6 are highlighted by, for example, making the line color, line type, line thickness, etc. different from those of the arrows 5 that do not make up the selected path 6 . In addition, the target step 41, for example, sets the color of the outline of the figure representing the target step 41, the line type of the outline, the thickness of the outline, the fill color of the figure representing the target step 41, and the like. By making it different from step 40 other than , it is highlighted. The selected path 6 may be displayed by highlighting only one of the arrow 5 and the target step 41 that constitute the selected path 6 .

また、本実施形態では、再現処理部27は、フローチャート4を構成するステップ40を、対象ステップ41として選択された順序と同じ順序で再現用ステップ43として順に選択し、フローチャート4における再現用ステップ43を含む一部を拡大表示した再現用拡大画像62を表示装置12に順次表示させるように構成されている。すなわち、再現処理部27は、再現用拡大画像62を表示装置12に順次表示させる再現用拡大画像表示処理を実行する。再現処理部27は、例えば、再現用ステップ43として選択される対象ステップ41を次の対象ステップ41に進める操作を表す操作情報を操作情報取得部25が取得した場合に、再現用ステップ43として現在選択されている対象ステップ41の次の対象ステップ41(再現用ステップ43として現在選択されているステップ40の次に、対象ステップ41として選択されたステップ40)を新たな再現用ステップ43として選択して、新たに選択した再現用ステップ43を含む再現用拡大画像62を生成して表示装置12に表示させる。本実施形態では、再現処理部27は、選択経路6を表示したフローチャート4の画像(図9参照)と同様に、選択経路6を構成する矢印5が強調表示されると共に対象ステップ41が強調表示された再現用拡大画像62を生成するように構成されている(図10、図11参照)。 Further, in this embodiment, the reproduction processing unit 27 sequentially selects the steps 40 constituting the flowchart 4 as the reproduction steps 43 in the same order as the target steps 41 are selected, and the reproduction steps 43 in the flowchart 4 The display device 12 is configured to sequentially display reproduction enlarged images 62 obtained by enlarging and displaying a part including the . That is, the reproduction processing unit 27 executes reproduction enlarged image display processing for sequentially displaying the reproduction enlarged images 62 on the display device 12 . For example, when the operation information acquisition unit 25 acquires operation information representing an operation to advance the target step 41 selected as the reproduction step 43 to the next target step 41, the reproduction processing unit 27 sets the current step 43 as the reproduction step 43. The target step 41 next to the selected target step 41 (the step 40 selected as the target step 41 next to the step 40 currently selected as the step 43 for reproduction) is selected as the new step 43 for reproduction. Then, the reproduction enlarged image 62 including the newly selected reproduction step 43 is generated and displayed on the display device 12 . In the present embodiment, the reproduction processing unit 27 highlights the arrow 5 that constitutes the selected path 6 and the target step 41 similarly to the image of the flowchart 4 displaying the selected path 6 (see FIG. 9). 10 and 11).

本実施形態では、再現処理部27は、再現用ステップ43(現在選択されている再現用ステップ43)と、当該再現用ステップ43からの進行先(他のステップ40を介さない進行先(直接の進行先)、以下同様)となり得る1つ以上のステップ40(対象ステップ41として選択されたステップ40であるか否かは問わない)の全てとを含むように、再現用拡大画像62を生成する。後に参照する図10に示す例では、再現用ステップ43として選択されているステップ(A)と、当該再現用ステップ43からの進行先となり得る1つのステップ40であるステップ(B)とを含むように、再現用拡大画像62が生成されており、後に参照する図11に示す例では、再現用ステップ43として選択されているステップ(C)と、当該再現用ステップ43からの進行先となり得る2つのステップ40であるステップ(D)及びステップ(E)とを含むように、再現用拡大画像62が生成されている。 In the present embodiment, the reproduction processing unit 27 includes a reproduction step 43 (currently selected reproduction step 43) and a destination from the reproduction step 43 (a destination not via another step 40 (direct Proceeding destination), the same applies hereinafter), and all of one or more steps 40 (regardless of whether or not the step 40 is selected as the target step 41) are generated. . In the example shown in FIG. 10, which will be referred to later, the step (A) selected as the reproduction step 43 and the step (B), which is one step 40 that can be the progress destination from the reproduction step 43, are included. In the example shown in FIG. 11, which will be referred to later, step (C) selected as step 43 for reproduction and 2 An enlarged reproduction image 62 is generated so as to include two steps 40, steps (D) and (E).

再現処理部27は、再現用拡大画像62の倍率を、当該再現用拡大画像62に含まれる、現在選択されている再現用ステップ43からの進行先となり得るステップ40の数(以下、「対象数」という)に応じて異ならせるように構成されている。本実施形態では、再現処理部27は、再現用拡大画像62の倍率を、対象数が少なくなるに従って大きくするように構成されている。なお、再現用拡大画像62の倍率は、対象数に応じて、現在選択されている再現用ステップ43からの進行先となり得る全てのステップ40が含まれるように設定される。上記のように再現用拡大画像62の倍率が設定されるため、対象数が“2”である場合(図11参照)の再現用拡大画像62の倍率は、対象数が“1”である場合(図10参照)の再現用拡大画像62の倍率よりも小さい。 The reproduction processing unit 27 sets the magnification of the reproduction enlarged image 62 to the number of steps 40 (hereinafter referred to as “target number ”). In this embodiment, the reproduction processing unit 27 is configured to increase the magnification of the reproduction enlarged image 62 as the number of objects decreases. Note that the magnification of the reproduction enlarged image 62 is set according to the number of objects so that all the steps 40 that can be destinations from the currently selected reproduction step 43 are included. Since the magnification of the enlarged image for reproduction 62 is set as described above, the magnification of the enlarged image for reproduction 62 when the number of objects is "2" (see FIG. 11) is the same as when the number of objects is "1". It is smaller than the magnification of the reproduction enlarged image 62 (see FIG. 10).

本実施形態では、再現処理部27は、再現用拡大画像62と共に、当該再現用拡大画像62に含まれる再現用ステップ43に相当する対象ステップ41に関連付けられた付加情報80を、表示装置12に表示させるように構成されている。図11に示す例では、再現用ステップ43として現在選択されているステップ(C)を含む再現用拡大画像62と共に、ステップ(C)に関連付けられた付加情報80である画像情報81が、表示装置12に表示されている。図11に示す例では、再現用ステップ43として現在選択されている対象ステップ41に関連付けられていない付加情報80(ここでは、ステップ(F)に関連付けられた文字情報82)も表示装置12に表示されており、再現用ステップ43として現在選択されている対象ステップ41に関連付けられた付加情報80(ここでは、ステップ(C)に関連付けられた画像情報81)は、強調表示されている。再現用ステップ43として現在選択されている対象ステップ41に関連付けられた付加情報80は、例えば、当該付加情報80を表す画像の枠線の色、当該枠線の線種、当該枠線の太さ等を、他の付加情報80と異ならせることで、強調表示される。 In the present embodiment, the reproduction processing unit 27 sends the reproduction enlarged image 62 and the additional information 80 associated with the target step 41 corresponding to the reproduction step 43 included in the reproduction enlarged image 62 to the display device 12. configured to display. In the example shown in FIG. 11, the reproduction enlarged image 62 including the step (C) currently selected as the reproduction step 43 and the image information 81 as the additional information 80 associated with the step (C) are displayed on the display device. 12 is displayed. In the example shown in FIG. 11, additional information 80 not associated with the target step 41 currently selected as the reproduction step 43 (here, character information 82 associated with step (F)) is also displayed on the display device 12. , and the additional information 80 associated with the target step 41 currently selected as the step 43 for reproduction (here, the image information 81 associated with step (C)) is highlighted. The additional information 80 associated with the target step 41 currently selected as the reproduction step 43 includes, for example, the color of the border of the image representing the additional information 80, the line type of the border, and the thickness of the border. etc. are highlighted by making them different from other additional information 80 .

次に、図3~図8を参照して、表示処理部21により実行される拡大画像表示処理の具体例について説明する。ここでは、図3に示されるフローチャート4が、作成済みのフローチャート4としてフローチャート記憶部16に記憶されており、表示処理部21が、このフローチャート4を対象として拡大画像表示処理を実行する場合について説明する。 Next, specific examples of enlarged image display processing executed by the display processing unit 21 will be described with reference to FIGS. 3 to 8. FIG. Here, the case where the flowchart 4 shown in FIG. 3 is stored in the flowchart storage unit 16 as the created flowchart 4, and the display processing unit 21 executes the enlarged image display processing for this flowchart 4 will be described. do.

フローチャート全体の手順の確認を開始する操作を表す操作情報が、操作情報取得部25により取得されると、表示処理部21は、フローチャート4を構成する1つのステップ40を対象ステップ41として選択して、当該対象ステップ41を含む拡大画像60を表示装置12に表示させる(図4参照)。表示処理部21は、基本的に、フローチャート4の開始ステップを1つ目の対象ステップ41として選択するように構成されており、図4では、ステップ(A)が1つ目の対象ステップ41として選択されている。よって、図4では、対象ステップ41として現在選択されているステップ(A)と、ステップ(A)についての選択候補ステップ42であるステップ(B)とを含む拡大画像60が、表示装置12に表示されている。なお、フローチャート全体の手順の確認を開始する操作は、例えば、表示画面30における“実行”を表す標章(例えば、ボタンイメージ)の表示領域に対するユーザの入力操作(例えば、タップ操作)とされる。 When the operation information acquisition unit 25 acquires the operation information representing the operation for starting confirmation of the procedure of the entire flowchart, the display processing unit 21 selects one step 40 constituting the flowchart 4 as the target step 41. , causes the display device 12 to display an enlarged image 60 including the target step 41 (see FIG. 4). The display processing unit 21 is basically configured to select the starting step of the flowchart 4 as the first target step 41, and in FIG. selected. Therefore, in FIG. 4, an enlarged image 60 including the step (A) currently selected as the target step 41 and the step (B) which is the selection candidate step 42 for the step (A) is displayed on the display device 12. It is It should be noted that the operation to start checking the procedure of the entire flowchart is, for example, a user input operation (e.g., tap operation) on the display area of the mark (e.g., button image) representing "execution" on the display screen 30. .

本例では、対象ステップ41として現在選択されているステップ40をユーザが容易に把握することができるように、現在選択されている対象ステップ41を囲む選択枠2(ここでは、一例として破線の枠)が表示される。また、本例では、拡大画像60が表示される第1ウィンドウ31とは別の第2ウィンドウ32に、その時点での履歴画像61が表示される。上述したように、履歴画像61は、結果生成部26により生成され、再現処理部27により表示装置12に表示される。 In this example, a selection frame 2 (here, as an example, a dashed frame ) is displayed. Further, in this example, the history image 61 at that time is displayed in the second window 32 different from the first window 31 in which the enlarged image 60 is displayed. As described above, the history image 61 is generated by the result generator 26 and displayed on the display device 12 by the reproduction processor 27 .

本例では、図4に示す状態において、ステップ(B)に対応する操作標章70(第1操作標章71)の選択操作を表す操作情報が、操作情報取得部25により取得されることに応じて、表示処理部21が、ステップ(B)を次の対象ステップ41として選択して、新たに選択された対象ステップ41を含む拡大画像60を表示装置12に表示させる(図5参照)。図5では、対象ステップ41として現在選択されているステップ(B)と、ステップ(B)についての選択候補ステップ42であるステップ(C)とを含む拡大画像60が、表示装置12に表示されている。また、ステップ(B)が新たに対象ステップ41として選択されることに応じて、ステップ(B)を含む履歴画像61が生成されて表示装置12に表示されている。 In this example, in the state shown in FIG. 4, the operation information acquisition unit 25 acquires the operation information representing the selection operation of the operation symbol 70 (first operation symbol 71) corresponding to step (B). In response, the display processing unit 21 selects step (B) as the next target step 41 and causes the display device 12 to display an enlarged image 60 including the newly selected target step 41 (see FIG. 5). 5, an enlarged image 60 including the step (B) currently selected as the target step 41 and the step (C) as the selection candidate step 42 for the step (B) is displayed on the display device 12. there is Further, in response to step (B) being newly selected as the target step 41 , a history image 61 including step (B) is generated and displayed on the display device 12 .

本例では、表示処理部21は、現在の対象ステップ41を選択する前の状態に戻すための第3操作標章73を表示装置12に表示させるように構成されており、第3操作標章73の選択操作を表す操作情報が操作情報取得部25により取得されると、表示処理部21は、その時点で対象ステップ41として選択されているステップ40への進行元のステップ40を、新たな対象ステップ41として選択して、新たに選択された対象ステップ41を含む拡大画像60を表示装置12に表示させるように構成されている。よって、例えば、図5に示す状態において、第3操作標章73の選択操作を表す操作情報が操作情報取得部25により取得されると、ステップ(A)を現在選択されている対象ステップ41とする拡大画像60が表示装置12に再度表示される(図4参照)。 In this example, the display processing unit 21 is configured to cause the display device 12 to display the third operation symbol 73 for restoring the state before the current target step 41 was selected. When the operation information acquisition unit 25 acquires the operation information representing the selection operation of 73, the display processing unit 21 changes the step 40, which is the progress source to the step 40 selected as the target step 41 at that time, to a new step 40. It is configured to select a target step 41 and display an enlarged image 60 including the newly selected target step 41 on the display device 12 . Therefore, for example, in the state shown in FIG. Then, the enlarged image 60 is displayed again on the display device 12 (see FIG. 4).

本例では、図5に示す状態において、ステップ(C)に対応する操作標章70(第1操作標章71)の選択操作を表す操作情報が、操作情報取得部25により取得されることに応じて、表示処理部21が、ステップ(C)を次の対象ステップ41として選択して、新たに選択された対象ステップ41を含む拡大画像60を表示装置12に表示させる(図6参照)。図6では、対象ステップ41として現在選択されているステップ(C)と、ステップ(C)についての選択候補ステップ42であるステップ(D)及びステップ(E)とを含む拡大画像60が、表示装置12に表示されている。また、ステップ(C)が新たに対象ステップ41として選択されることに応じて、ステップ(C)を含む履歴画像61が生成されて表示装置12に表示されている。 In this example, in the state shown in FIG. 5, the operation information acquisition unit 25 acquires the operation information representing the selection operation of the operation symbol 70 (first operation symbol 71) corresponding to step (C). Accordingly, the display processing unit 21 selects step (C) as the next target step 41 and causes the display device 12 to display an enlarged image 60 including the newly selected target step 41 (see FIG. 6). In FIG. 6, an enlarged image 60 including the step (C) currently selected as the target step 41 and the steps (D) and (E) which are the selection candidate steps 42 for the step (C) is displayed on the display device. 12 is displayed. Also, in response to step (C) being newly selected as the target step 41 , a history image 61 including step (C) is generated and displayed on the display device 12 .

本例では、ステップ(C)に対応する操作標章70(第1操作標章71)の選択操作を表す操作情報の後に、特定操作(ここでは、撮像装置14を用いた撮像操作)を表す操作情報が、操作情報取得部25により取得される場合を想定している。よって、付加情報80(ここでは、画像情報81)が、ステップ(C)に関連付けて結果記録部17に記録されると共に、当該付加情報80を含む履歴画像61が生成されて表示装置12に表示されている。このように拡大画像表示処理の実行中に特定操作がなされた場合には、当該特定操作に関する付加情報80は、その時点で選択されている対象ステップ41に関連付けて、或いはユーザが選択した対象ステップ41に関連付けて、結果記録部17に記録される。また、拡大画像表示処理の実行後に特定操作がなされた場合には、当該特定操作に関する付加情報80は、ユーザが選択した対象ステップ41に関連付けて結果記録部17に記録される。 In this example, after the operation information representing the selection operation of the operation mark 70 (the first operation mark 71) corresponding to step (C), the specific operation (here, the imaging operation using the imaging device 14) is indicated. It is assumed that the operation information is acquired by the operation information acquisition unit 25 . Therefore, the additional information 80 (here, image information 81) is recorded in the result recording unit 17 in association with step (C), and the history image 61 including the additional information 80 is generated and displayed on the display device 12. It is In this way, when a specific operation is performed during execution of the enlarged image display process, the additional information 80 related to the specific operation is associated with the target step 41 selected at that time, or the target step selected by the user. 41 and recorded in the result recording unit 17 . Further, when a specific operation is performed after execution of the enlarged image display process, additional information 80 related to the specific operation is recorded in the result recording unit 17 in association with the target step 41 selected by the user.

本例では、図6に示す状態において、ステップ(E)に対応する操作標章70(第2操作標章72)の選択操作を表す操作情報が、操作情報取得部25により取得されることに応じて、表示処理部21が、ステップ(E)を次の対象ステップ41として選択して、新たに選択された対象ステップ41を含む拡大画像60を表示装置12に表示させる(図7参照)。図7では、対象ステップ41として現在選択されているステップ(E)と、ステップ(E)についての選択候補ステップ42であるステップ(F)とを含む拡大画像60が、表示装置12に表示されている。また、ステップ(E)が新たに対象ステップ41として選択されることに応じて、ステップ(E)を含む履歴画像61が生成されて表示装置12に表示されている。 In this example, in the state shown in FIG. 6, the operation information acquisition unit 25 acquires the operation information representing the selection operation of the operation symbol 70 (second operation symbol 72) corresponding to step (E). Accordingly, the display processing unit 21 selects step (E) as the next target step 41 and causes the display device 12 to display an enlarged image 60 including the newly selected target step 41 (see FIG. 7). In FIG. 7, an enlarged image 60 including the step (E) currently selected as the target step 41 and the step (F) as the selection candidate step 42 for the step (E) is displayed on the display device 12. there is Also, in response to step (E) being newly selected as the target step 41 , a history image 61 including step (E) is generated and displayed on the display device 12 .

本例では、図7に示す状態から、ステップ(F)に対応する操作標章70(第1操作標章71)の選択操作を表す操作情報、ステップ(G)に対応する操作標章70(第2操作標章72)の選択操作を表す操作情報、及び、ステップ(I)に対応する操作標章70(第1操作標章71)の選択操作を表す操作情報が、操作情報取得部25により順に取得されることで、図8に示すように、フローチャート4の終了ステップであるステップ(I)を含む拡大画像60が表示装置12に表示される。本例では、ステップ(F)に対応する操作標章70(第1操作標章71)の選択操作を表す操作情報の後に、特定操作(ここでは、入力装置11を用いた入力操作)を表す操作情報が、操作情報取得部25により取得される場合を想定しており、付加情報80(ここでは、文字情報82)が、ステップ(F)に関連付けて結果記録部17に記録されると共に、当該付加情報80を含む履歴画像61が生成されて表示装置12に表示されている。 In this example, from the state shown in FIG. The operation information acquisition unit 25 obtains the operation information representing the selection operation of the second operation symbol 72) and the operation information representing the selection operation of the operation symbol 70 (first operation symbol 71) corresponding to step (I). 8, an enlarged image 60 including step (I), which is the ending step of flowchart 4, is displayed on the display device 12. In this example, after the operation information representing the selection operation of the operation mark 70 (first operation mark 71) corresponding to step (F), the specific operation (here, the input operation using the input device 11) is shown. It is assumed that the operation information is acquired by the operation information acquisition unit 25, and the additional information 80 (here, the character information 82) is recorded in the result recording unit 17 in association with step (F), A history image 61 including the additional information 80 is generated and displayed on the display device 12 .

本例では、表示処理部21は、拡大画像表示処理を終了させるための第4操作標章74を表示装置12に表示させるように構成されており、第4操作標章74の選択操作を表す操作情報が操作情報取得部25により取得されると、表示処理部21は、拡大画像表示処理を終了させるように構成されている。表示処理部21は、拡大画像表示処理を終了させた後、例えば、図9に示すように、選択経路6を表示したフローチャート4の画像及び履歴画像61を生成して表示装置12に表示させる。 In this example, the display processing unit 21 is configured to cause the display device 12 to display the fourth operation symbol 74 for ending the enlarged image display process. When the operation information is acquired by the operation information acquisition section 25, the display processing section 21 is configured to end the enlarged image display processing. After finishing the enlarged image display process, the display processing unit 21 generates the image of the flowchart 4 displaying the selected route 6 and the history image 61 and displays them on the display device 12, as shown in FIG.

次に、図10~図12を参照して、再現処理部27により実行される再現用拡大画像表示処理の具体例について説明する。ここでは、図9に示される履歴画像61に対応するステップ選択履歴情報が結果記録部17に記録されており、再現処理部27が、このステップ選択履歴情報に基づき再現用拡大画像表示処理を実行する場合について説明する。 Next, a specific example of reproduction enlarged image display processing executed by the reproduction processing unit 27 will be described with reference to FIGS. 10 to 12. FIG. Here, the step selection history information corresponding to the history image 61 shown in FIG. 9 is recorded in the result recording unit 17, and the reproduction processing unit 27 executes reproduction enlarged image display processing based on this step selection history information. A case of doing so will be explained.

フローチャート全体の手順を確認した際の確認手順(すなわち、拡大画像表示処理の実行時の確認手順)を再現する操作を表す操作情報が、操作情報取得部25により取得されると、再現処理部27は、フローチャート4を構成するステップ40のうちの、対象ステップ41として最初に選択されたステップ40を再現用ステップ43として選択して、当該再現用ステップ43を含む再現用拡大画像62を表示装置12に表示させる(図10参照)。図10では、ステップ(A)が1つ目の再現用ステップ43として選択され、ステップ(A)と、ステップ(A)からの進行先となり得るステップ(B)とを含む再現用拡大画像62が、表示装置12に表示されている。本実施形態では、再現用ステップ43を含む再現用拡大画像62は、当該再現用ステップ43を現在選択されている対象ステップ41として拡大画像表示処理において生成される拡大画像60と、フローチャート4における同じ範囲を拡大表示するように生成される。よって、図10に示される再現用拡大画像62の表示範囲は、図4に示される拡大画像60の表示範囲と同一となっている。 When the operation information acquisition unit 25 acquires the operation information representing the operation for reproducing the confirmation procedure when confirming the procedure of the entire flowchart (that is, the confirmation procedure when executing the enlarged image display process), the reproduction processing unit 27 selects the step 40 first selected as the target step 41 among the steps 40 constituting the flowchart 4 as the step 43 for reproduction, and displays the enlarged image 62 for reproduction including the step 43 for reproduction on the display device 12 is displayed (see FIG. 10). In FIG. 10, step (A) is selected as the first step 43 for reproduction, and an enlarged image for reproduction 62 including step (A) and step (B) that can be a destination from step (A) is displayed. , are displayed on the display device 12 . In the present embodiment, the enlarged image 62 for reproduction including the step 43 for reproduction is the same as the enlarged image 60 generated in the enlarged image display process with the step 43 for reproduction as the target step 41 currently selected. Generated to zoom in on the range. Therefore, the display range of the reproduction enlarged image 62 shown in FIG. 10 is the same as the display range of the enlarged image 60 shown in FIG.

本例では、再現用ステップ43として現在選択されているステップ40をユーザが容易に把握することができるように、現在選択されている再現用ステップ43を囲む選択枠2(ここでは、一例として破線の枠)が表示される。また、本例では、再現用拡大画像62が表示される第1ウィンドウ31とは別の第2ウィンドウ32に、履歴画像61が表示される。そして、履歴画像61では、現在選択されている再現用ステップ43が強調表示される。 In this example, a selection frame 2 (here, as an example, a dashed line frame) is displayed. Further, in this example, the history image 61 is displayed in the second window 32 different from the first window 31 in which the reproduction enlarged image 62 is displayed. In the history image 61, the currently selected reproduction step 43 is highlighted.

図11は、図10に示す状態から、再現用ステップ43として選択される対象ステップ41を次の対象ステップ41に進める操作が2回行われて、ステップ(C)が再現用ステップ43として選択されている状態を示している。よって、図11では、再現用ステップ43として現在選択されているステップ(C)と、ステップ(C)からの進行先となり得る2つのステップ40であるステップ(D)及びステップ(E)とを含む再現用拡大画像62が、表示装置12に表示されている。また、再現用ステップ43として現在選択されているステップ(C)に関連付けられた付加情報80(ここでは、画像情報81)が、再現用拡大画像62と共に表示装置12に表示されている。本実施形態では、再現用ステップ43として現在選択されている対象ステップ41に関連付けられた付加情報80は、履歴画像61において強調表示される。なお、ユーザの操作に応じて或いは自動的に、再現用ステップ43として現在選択されている対象ステップ41に関連付けられた付加情報80(付加情報80を表す画像)が拡大表示される構成とすることもできる。例えば、図12に示す例のように、第1ウィンドウ31及び第2ウィンドウ32に重ねて表示される第3ウィンドウ33に、付加情報80(付加情報80を表す画像)が拡大表示される構成とすることができる。 FIG. 11 shows that, from the state shown in FIG. 10, the operation of advancing the target step 41 selected as the step 43 for reproduction to the next target step 41 is performed twice, and step (C) is selected as the step 43 for reproduction. This indicates that the Thus, FIG. 11 includes step (C), which is currently selected as the reproduction step 43, and step (D) and step (E), which are two possible steps 40 from step (C). A reproduction enlarged image 62 is displayed on the display device 12 . Further, additional information 80 (here, image information 81) associated with step (C) currently selected as step 43 for reproduction is displayed on display device 12 together with enlarged image 62 for reproduction. In this embodiment, the additional information 80 associated with the target step 41 currently selected as the reproduction step 43 is highlighted in the history image 61 . Note that the additional information 80 (image representing the additional information 80) associated with the target step 41 currently selected as the reproduction step 43 may be enlarged and displayed according to the user's operation or automatically. can also For example, as in the example shown in FIG. 12, additional information 80 (an image representing the additional information 80) may be enlarged and displayed in a third window 33 superimposed on the first window 31 and the second window 32. can do.

〔その他の実施形態〕
次にフローチャート表示システムのその他の実施形態について説明する。
[Other embodiments]
Next, another embodiment of the flowchart display system will be described.

(1)上記の実施形態では、再現処理部27が、フローチャート4を構成するステップ40を、対象ステップ41として選択された順序と同じ順序で再現用ステップ43として順に選択し、フローチャート4における再現用ステップ43を含む一部を拡大表示した再現用拡大画像62を表示装置12に順次表示させる構成を例として説明した。しかし、本開示はそのような構成に限定されず、例えば、再現処理部27が、ユーザにより任意に選択された対象ステップ41を再現用ステップ43として選択して、当該再現用ステップ43を含む再現用拡大画像62を表示装置12に表示させる構成とすることもできる。 (1) In the above embodiment, the reproduction processing unit 27 sequentially selects the steps 40 constituting the flowchart 4 as the reproduction steps 43 in the same order as the target steps 41, and The configuration has been described as an example in which the display device 12 sequentially displays the reproduction enlarged image 62 in which a portion including the step 43 is enlarged and displayed. However, the present disclosure is not limited to such a configuration. It is also possible to configure the display device 12 to display the magnified image 62 .

(2)上記の実施形態では、結果記録部17が、操作標章70の選択操作以外の特定操作を表す操作情報を操作情報取得部25が取得した場合に、特定操作に関する付加情報80を、特定操作の対象とされた対象ステップ41に関連付けて記録する構成を例として説明した。しかし、本開示はそのような構成に限定されず、結果記録部17が、付加情報80を記録しない構成とすることもできる。また、上記の実施形態では、結果記録部17が、選択経路6を含むフローチャート4の情報を記録する構成を例として説明したが、例えば、結果記録部17が、選択経路6を含むフローチャート4の情報を記録せずに、対象ステップ41として選択されたステップ40の履歴の情報のみを記録する構成とすることもできる。また、上記の実施形態では、表示システム1が、結果記録部17及び再現処理部27を備える構成を例として説明したが、表示システム1が、結果記録部17及び再現処理部27を備えない構成とすることもできる。 (2) In the above embodiment, when the operation information acquisition unit 25 acquires the operation information representing the specific operation other than the selection operation of the operation mark 70, the result recording unit 17 stores the additional information 80 related to the specific operation as The configuration for recording in association with the target step 41 targeted for the specific operation has been described as an example. However, the present disclosure is not limited to such a configuration, and a configuration in which the result recording unit 17 does not record the additional information 80 is also possible. In the above embodiment, the result recording unit 17 records the information of the flowchart 4 including the selected route 6. For example, the result recording unit 17 records the information of the flowchart 4 including the selected route 6. It is also possible to configure a configuration in which only the history information of the step 40 selected as the target step 41 is recorded without recording the information. Further, in the above-described embodiment, the display system 1 includes the result recording unit 17 and the reproduction processing unit 27. However, the display system 1 does not include the result recording unit 17 and the reproduction processing unit 27. can also be

(3)上記の実施形態では、表示処理部21が、操作標章70の表示態様を、現在選択されている対象ステップ41についての選択候補ステップ42の数に応じて異ならせる構成を例として説明した。しかし、本開示はそのような構成に限定されず、操作標章70の表示態様が、現在選択されている対象ステップ41についての選択候補ステップ42の数によらずに同じ表示態様とされてもよい。 (3) In the above embodiment, the display processing unit 21 changes the display mode of the operation mark 70 according to the number of selection candidate steps 42 for the currently selected target step 41. bottom. However, the present disclosure is not limited to such a configuration. good.

(4)上記の実施形態では、操作標章70が、当該操作標章70に対応する選択候補ステップ42と、現在選択されている対象ステップ41と当該選択候補ステップ42とを接続する矢印5との接続部に、これらの選択候補ステップ42及び矢印5の双方に重ねて表示される構成を例として説明した。しかし、本開示はそのような構成に限定されず、例えば、操作標章70が、これらの選択候補ステップ42及び矢印5のいずれか一方にのみ重ねて表示される構成とし、或いは、操作標章70が、これらの選択候補ステップ42及び矢印5のいずれにも重ならないように、当該選択候補ステップ42又は当該矢印5に隣接して表示される構成とすることもできる。 (4) In the above-described embodiment, the manipulation mark 70 includes the selection candidate step 42 corresponding to the manipulation mark 70 and the arrow 5 connecting the currently selected target step 41 and the selection candidate step 42. The configuration has been described as an example in which the selection candidate step 42 and the arrow 5 are superimposed on both the selection candidate step 42 and the arrow 5 . However, the present disclosure is not limited to such a configuration, and for example, a configuration in which the operation mark 70 is superimposed on only one of the selection candidate step 42 and the arrow 5, or a configuration in which the operation mark 70 may be displayed adjacent to the selection candidate step 42 or the arrow 5 so as not to overlap either the selection candidate step 42 or the arrow 5 .

(5)上記の実施形態では、表示処理部21が、拡大画像60の倍率を、当該拡大画像60に含まれる選択候補ステップ42の数が少なくなるに従って大きくする構成を例として説明した。しかし、本開示はそのような構成に限定されず、例えば、拡大画像60の倍率が、拡大画像60に含まれる選択候補ステップ42の数が1つである場合の第1倍率と、拡大画像60に含まれる選択候補ステップ42の数が2つ以上である場合の第2倍率(例えば、第1倍率よりも小さい倍率)との、2段階に設定される構成とすることもできる。また、表示処理部21が、拡大画像60の倍率を、当該拡大画像60に含まれる選択候補ステップ42の数に応じて異ならせない構成、すなわち、拡大画像60の倍率が、当該拡大画像60に含まれる選択候補ステップ42の数によらずに同じ倍率とされる構成とすることもできる。 (5) In the above embodiment, the display processing unit 21 increases the magnification of the enlarged image 60 as the number of selection candidate steps 42 included in the enlarged image 60 decreases. However, the present disclosure is not limited to such a configuration. A second magnification (for example, a magnification smaller than the first magnification) may be set in two stages when the number of selection candidate steps 42 included in is two or more. Further, the display processing unit 21 has a configuration in which the magnification of the enlarged image 60 is not changed according to the number of selection candidate steps 42 included in the enlarged image 60. It is also possible to adopt a configuration in which the magnification is the same regardless of the number of selection candidate steps 42 included.

(6)上記の実施形態では、再現処理部27が、再現用拡大画像62の倍率を、当該再現用拡大画像62に含まれる、現在選択されている再現用ステップ43からの進行先となり得るステップ40の数(以下、「対象数」という)が少なくなるに従って大きくする構成を例として説明した。しかし、本開示はそのような構成に限定されず、例えば、再現用拡大画像62の倍率が、対象数が“1”である場合の第1倍率と、対象数が“2以上”である場合の第2倍率(例えば、第1倍率よりも小さい倍率)との、2段階に設定される構成とすることもできる。また、再現処理部27が、再現用拡大画像62の倍率を対象数に応じて異ならせない構成、すなわち、再現用拡大画像62の倍率が、対象数によらずに同じ倍率とされる構成とすることもできる。 (6) In the above-described embodiment, the reproduction processing unit 27 sets the magnification of the reproduction enlarged image 62 to a step that can be the progress destination from the currently selected reproduction step 43 included in the reproduction enlarged image 62. An example has been described in which the number of 40 (hereinafter referred to as “the number of objects”) is increased as the number decreases. However, the present disclosure is not limited to such a configuration. and a second magnification (for example, a magnification smaller than the first magnification). Further, the reproduction processing unit 27 has a configuration in which the magnification of the reproduction enlarged image 62 is not varied according to the number of objects, that is, the magnification of the reproduction enlarged image 62 is the same regardless of the number of objects. You can also

(7)上記の実施形態では、表示処理部21が、対象ステップ41と当該対象ステップ41についての1つ以上の選択候補ステップ42の全てとを含むように、拡大画像60を生成する構成を例として説明した。しかし、本開示はそのような構成に限定されず、現在選択されている対象ステップ41についての選択候補ステップ42のいずれか又は全てが、拡大画像60に含まれない構成とすることもできる。この場合、拡大画像60に含まれない選択候補ステップ42に対応する操作標章70は、例えば、当該選択候補ステップ42に終端が接続される矢印5に重ねて或いは当該矢印5に隣接して表示される。なお、選択候補ステップ42が拡大画像60に含まれない場合であっても、ユーザは、例えば、矢印5に隣接して表示される“はい”や“いいえ”等の文字を認識することで、次の対象ステップ41となる選択候補ステップ42を適切に選択することができる。 (7) In the above embodiment, the display processing unit 21 generates the enlarged image 60 so as to include all of the target step 41 and one or more selection candidate steps 42 for the target step 41. explained as. However, the present disclosure is not limited to such a configuration, and any or all of the selection candidate steps 42 for the currently selected target step 41 may be configured not to be included in the enlarged image 60 . In this case, the operation mark 70 corresponding to the selection candidate step 42 not included in the enlarged image 60 is displayed, for example, superimposed on or adjacent to the arrow 5 whose end is connected to the selection candidate step 42 . be done. Even if the selection candidate step 42 is not included in the enlarged image 60, the user can, for example, recognize characters such as "yes" and "no" displayed adjacent to the arrow 5, A selection candidate step 42 to be the next target step 41 can be appropriately selected.

(8)上記の実施形態では、再現処理部27が、再現用ステップ43と、当該再現用ステップ43からの進行先となり得る1つ以上のステップ40の全てとを含むように、再現用拡大画像62を生成する構成を例として説明した。しかし、本開示はそのような構成に限定されず、再現処理部27が、再現用ステップ43と、拡大画像表示処理において当該再現用ステップ43からの進行先として選択された対象ステップ41とを含むように、再現用拡大画像62を生成する構成とすることもできる。この場合、例えば図11に示す例では、再現用ステップ43として選択されているステップ(C)と、拡大画像表示処理において当該再現用ステップ43からの進行先として選択された対象ステップ41であるステップ(E)とを含むように、再現用拡大画像62が生成されるため、ステップ(C)からの進行先となり得るステップ(D)を含まない再現用拡大画像62が生成され得る。 (8) In the above embodiment, the reproduction processing unit 27 reproduces the reproduction enlarged image so as to include the reproduction step 43 and all of the one or more steps 40 that can be destinations from the reproduction step 43. 62 has been described as an example. However, the present disclosure is not limited to such a configuration, and the reproduction processing unit 27 includes a reproduction step 43 and a target step 41 selected as a destination from the reproduction step 43 in the enlarged image display process. It is also possible to configure such that the reproduction enlarged image 62 is generated. In this case, for example, in the example shown in FIG. 11, the step (C) selected as the reproduction step 43 and the target step 41 selected as the progress destination from the reproduction step 43 in the enlarged image display process Since the reproduction magnified image 62 is generated so as to include (E), the reproduction magnified image 62 that does not include step (D), which can be the destination from step (C), can be generated.

(9)上記の実施形態では、端末装置10が、タブレット型の可搬型通信端末(タブレット端末)である構成を例として説明した。しかし、本開示はそのような構成に限定されず、端末装置10が、タブレット型以外の端末装置(例えば、デスクトップ型又はノート型のパーソナルコンピュータ)であってもよい。また、本開示に係るフローチャート表示システムを、端末装置10以外の装置(例えば、通信機能を有さない装置等)或いはシステムに適用することも可能である。 (9) In the above-described embodiment, the terminal device 10 is a tablet-type portable communication terminal (tablet terminal). However, the present disclosure is not limited to such a configuration, and the terminal device 10 may be a terminal device other than the tablet type (for example, a desktop or notebook personal computer). Also, the flowchart display system according to the present disclosure can be applied to devices other than the terminal device 10 (for example, devices that do not have a communication function, etc.) or systems.

(10)上記の実施形態で示した表示システム1の各機能部(例えば、演算装置20の各機能部)の割り当ては単なる一例であり、複数の機能部を組み合わせたり、1つの機能部を更に区分けしたりすることも可能である。 (10) The allocation of each functional unit of the display system 1 (for example, each functional unit of the arithmetic unit 20) shown in the above embodiment is merely an example, and a plurality of functional units can be combined or one functional unit can be further combined. It is also possible to divide.

(11)なお、上述した各実施形態で開示された構成は、矛盾が生じない限り、他の実施形態で開示された構成と組み合わせて適用すること(その他の実施形態として説明した実施形態同士の組み合わせを含む)も可能である。その他の構成に関しても、本明細書において開示された実施形態は全ての点で単なる例示に過ぎない。従って、本開示の趣旨を逸脱しない範囲内で、適宜、種々の改変を行うことが可能である。 (11) It should be noted that the configurations disclosed in the above-described embodiments may be applied in combination with configurations disclosed in other embodiments unless there is a contradiction. combinations) are also possible. Regarding other configurations, the embodiments disclosed in this specification are merely examples in all respects. Therefore, various modifications can be made as appropriate without departing from the scope of the present disclosure.

1:表示システム(フローチャート表示システム)
4:フローチャート
6:選択経路
12:表示装置
16:フローチャート記憶部
17:結果記録部
21:表示処理部
25:操作情報取得部
27:再現処理部
40:ステップ
41:対象ステップ
42:選択候補ステップ
43:再現用ステップ
60:拡大画像
62:再現用拡大画像
70:操作標章
80:付加情報
1: Display system (Flowchart display system)
4: Flowchart 6: Selected path 12: Display device 16: Flowchart storage unit 17: Result recording unit 21: Display processing unit 25: Operation information acquisition unit 27: Reproduction processing unit 40: Step 41: Target step 42: Selection candidate step 43 : Step for reproduction 60: Enlarged image 62: Enlarged image for reproduction 70: Manipulation mark 80: Additional information

Claims (8)

フローチャートを表示装置に表示させるフローチャート表示システムであって、
作成済みの前記フローチャートを記憶するフローチャート記憶部と、
前記フローチャートに示される流れに沿って前記フローチャートを構成する複数のステップのうちの1つを対象ステップとして順に選択して、前記フローチャートにおける前記対象ステップを含む一部を拡大表示した拡大画像を前記表示装置に順次表示させる表示処理部と、
ユーザの操作内容を表す操作情報を取得する操作情報取得部と、を備え、
現在選択されている前記対象ステップからの進行先となり得る1つ以上のステップを選択候補ステップとして、前記表示処理部は、前記選択候補ステップのそれぞれに対応する操作標章を、前記拡大画像と共に前記表示装置に表示させ、
前記操作標章は、前記フローチャートに示される流れに沿って隣接するステップ間を接続する矢印とは異なる態様の図形であって、対応する前記選択候補ステップを指す矢印を含む図形で表され、
前記表示処理部は、前記操作標章の選択操作を表す前記操作情報を前記操作情報取得部が取得した場合に、前記選択操作の対象とされた前記操作標章に対応する前記選択候補ステップを次の前記対象ステップとして選択する、フローチャート表示システム。
A flowchart display system for displaying a flowchart on a display device,
a flowchart storage unit that stores the created flowchart;
one of a plurality of steps constituting the flowchart is sequentially selected as a target step along the flow shown in the flowchart, and an enlarged image obtained by enlarging and displaying a portion including the target step in the flowchart is displayed. a display processing unit that sequentially displays on the device;
an operation information acquisition unit that acquires operation information representing the content of a user's operation,
With one or more steps that can be progress destinations from the currently selected target step as selection candidate steps, the display processing unit displays the operation mark corresponding to each of the selection candidate steps together with the enlarged image. Display on the display device,
The operation mark is a figure different from the arrows connecting adjacent steps along the flow shown in the flow chart, and is represented by a figure including an arrow pointing to the corresponding selection candidate step,
When the operation information acquisition unit acquires the operation information representing the selection operation of the operation mark, the display processing unit displays the selection candidate step corresponding to the operation mark targeted by the selection operation. A flow chart display system for selecting as the next said target step.
前記表示処理部は、前記対象ステップと当該対象ステップについての1つ以上の前記選択候補ステップの全てとを含むように、前記拡大画像を生成すると共に、前記拡大画像の倍率を、当該拡大画像に含まれる前記選択候補ステップの数に応じて異ならせる、請求項1に記載のフローチャート表示システム。 The display processing unit generates the enlarged image so as to include the target step and all of the one or more selection candidate steps for the target step, and sets the magnification of the enlarged image to the enlarged image. 2. The flowchart display system according to claim 1, wherein the number of selection candidate steps included is varied according to the number. 前記対象ステップとして選択された前記ステップの履歴の情報を記録する結果記録部と、前記結果記録部に記録されている情報を前記表示装置に表示させる再現処理部と、を更に備える、請求項1又は2に記載のフローチャート表示システム。 2. The method further comprises a result recording unit for recording history information of the step selected as the target step, and a reproduction processing unit for displaying the information recorded in the result recording unit on the display device. 3. The flowchart display system according to 2. 前記結果記録部は、前記操作標章の選択操作以外の特定操作を表す前記操作情報を前記操作情報取得部が取得した場合に、前記特定操作に関する付加情報を、前記特定操作の対象とされた前記対象ステップに関連付けて記録するように構成されている、請求項3に記載のフローチャート表示システム。 When the operation information acquisition unit acquires the operation information representing a specific operation other than the selection operation of the operation mark, the result recording unit sets the additional information related to the specific operation as the target of the specific operation. 4. The flowchart display system of claim 3, configured to record in association with the target step. 前記対象ステップとして選択された複数の前記ステップを、前記対象ステップとしての選択順に結ぶ経路を選択経路として、前記結果記録部は、前記選択経路を含む前記フローチャートの情報を記録するように構成されている、請求項3又は4に記載のフローチャート表示システム。 The result recording unit is configured to record information of the flowchart including the selected route, with a route connecting the plurality of steps selected as the target steps in the order of selection as the target steps as a selected route. 5. A flow chart display system according to claim 3 or 4, wherein: 前記再現処理部は、前記フローチャートを構成するステップを、前記対象ステップとして選択された順序と同じ順序で再現用ステップとして順に選択し、前記フローチャートにおける前記再現用ステップを含む一部を拡大表示した再現用拡大画像を前記表示装置に順次表示させるように構成されている、請求項3から5のいずれか一項に記載のフローチャート表示システム。 The reproduction processing unit sequentially selects the steps constituting the flowchart as reproduction steps in the same order as the target steps, and enlarges and displays a portion of the flowchart including the reproduction steps. 6. The flow chart display system according to any one of claims 3 to 5, wherein the display device is configured to sequentially display the enlarged images for the flow chart. 前記表示処理部は、前記操作標章の表示態様を、現在選択されている前記対象ステップについての前記選択候補ステップの数に応じて異ならせる、請求項1から6のいずれか一項に記載のフローチャート表示システム。 7. The display processing unit according to any one of claims 1 to 6, wherein the display processing unit changes the display mode of the manipulation mark according to the number of the selection candidate steps for the currently selected target step. Flowchart display system. フローチャートを表示装置に表示させるフローチャート表示プログラムであって、
フローチャート記憶部に記憶されている作成済みの前記フローチャートに示される流れに沿って、前記フローチャートを構成する複数のステップのうちの1つを対象ステップとして順に選択して、前記フローチャートにおける前記対象ステップを含む一部を拡大表示した拡大画像を前記表示装置に順次表示させる表示処理機能と、
ユーザの操作内容を表す操作情報を取得する操作情報取得機能と、をコンピュータに実現させ、
現在選択されている前記対象ステップからの進行先となり得る1つ以上のステップを選択候補ステップとして、前記表示処理機能では、前記選択候補ステップのそれぞれに対応する操作標章を、前記拡大画像と共に前記表示装置に表示させ、
前記操作標章は、前記フローチャートに示される流れに沿って隣接するステップ間を接続する矢印とは異なる態様の図形であって、対応する前記選択候補ステップを指す矢印を含む図形で表され、
前記表示処理機能では、前記操作標章の選択操作を表す前記操作情報が前記操作情報取得機能により取得された場合に、前記選択操作の対象とされた前記操作標章に対応する前記選択候補ステップを次の前記対象ステップとして選択する、フローチャート表示プログラム。
A flowchart display program for displaying a flowchart on a display device,
One of a plurality of steps constituting the flowchart is sequentially selected as a target step along the flow shown in the created flowchart stored in the flowchart storage unit, and the target step in the flowchart is selected. a display processing function for sequentially displaying on the display device enlarged images obtained by enlarging and displaying a portion including
an operation information acquisition function for acquiring operation information representing the content of a user's operation; and
One or more steps that can be progress destinations from the currently selected target step are set as selection candidate steps, and the display processing function displays operation marks corresponding to each of the selection candidate steps together with the enlarged image. Display on the display device,
The operation mark is a figure different from the arrows connecting adjacent steps along the flow shown in the flow chart, and is represented by a figure including an arrow pointing to the corresponding selection candidate step,
In the display processing function, when the operation information representing the selection operation of the operation mark is acquired by the operation information acquisition function, the selection candidate step corresponding to the operation mark targeted for the selection operation. as the next target step.
JP2019142896A 2019-08-02 2019-08-02 Flow chart display system and flow chart display program Active JP7296814B2 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP2019142896A JP7296814B2 (en) 2019-08-02 2019-08-02 Flow chart display system and flow chart display program

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP2019142896A JP7296814B2 (en) 2019-08-02 2019-08-02 Flow chart display system and flow chart display program

Publications (2)

Publication Number Publication Date
JP2021026434A JP2021026434A (en) 2021-02-22
JP7296814B2 true JP7296814B2 (en) 2023-06-23

Family

ID=74663888

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2019142896A Active JP7296814B2 (en) 2019-08-02 2019-08-02 Flow chart display system and flow chart display program

Country Status (1)

Country Link
JP (1) JP7296814B2 (en)

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2011095874A (en) 2009-10-28 2011-05-12 Hitachi Ltd Flow chart display device, flow chart display method and program
JP2011107846A (en) 2009-11-13 2011-06-02 Hitachi Ltd System, method, device and program for displaying flow chart
US20120131557A1 (en) 2010-11-24 2012-05-24 Microsoft Corporation Interactive troubleshooting flowcharts
JP2013206020A (en) 2012-03-28 2013-10-07 Hitachi Ltd Task flow generation support system and task flow generation method

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2011095874A (en) 2009-10-28 2011-05-12 Hitachi Ltd Flow chart display device, flow chart display method and program
JP2011107846A (en) 2009-11-13 2011-06-02 Hitachi Ltd System, method, device and program for displaying flow chart
US20120131557A1 (en) 2010-11-24 2012-05-24 Microsoft Corporation Interactive troubleshooting flowcharts
JP2013206020A (en) 2012-03-28 2013-10-07 Hitachi Ltd Task flow generation support system and task flow generation method

Also Published As

Publication number Publication date
JP2021026434A (en) 2021-02-22

Similar Documents

Publication Publication Date Title
JP5429060B2 (en) Display control apparatus, display control method, display control program, and recording medium on which this display control program is recorded
JP5189152B2 (en) Improved mobile communication terminal and method
US9910584B2 (en) Method for manipulating folders and apparatus thereof
TW200535633A (en) Key-based advanced navigation techniques
WO2006014332A2 (en) Method and system for more precisely linking metadata and digital images
JP7042622B2 (en) Image processing device, image processing system, image processing method, and program
WO2018198703A1 (en) Display device
JP2012008686A (en) Information processor and method, and program
JP2004118477A (en) Information processor and information processing method, recording medium and its program
US10354420B2 (en) Information processing apparatus and control method thereof
KR20220045121A (en) Method for displaying information about other readers of the current posting and supporting mutual interaction thereof
JP6070116B2 (en) Image processing apparatus, image processing system, image processing method, and program
JP2007066081A (en) Electronic conference device, and electronic conference device control program
JP7296814B2 (en) Flow chart display system and flow chart display program
JP5906344B1 (en) Information processing apparatus, information display program, and information display method
JP6222896B2 (en) Display control apparatus, control method thereof, and program
JP2013020558A (en) Content data display device, content data display method, and program
US20170351423A1 (en) Information processing apparatus, information processing method and computer-readable storage medium storing program
KR20220045122A (en) Method for displaying information about realtime reading activity of followers and supporting mutual interaction thereof
CN110362249B (en) Control method and device for page jump of writing screen software
JP2007179083A (en) Conference system, control method therefor and program
JP6983092B2 (en) Display system and display program
JP2018195116A (en) Display program, display device and display method
JP2006106983A (en) Display device and display method
US20230315257A1 (en) Information processing system, information processing method, and non-transitory computer readable medium

Legal Events

Date Code Title Description
A80 Written request to apply exceptions to lack of novelty of invention

Free format text: JAPANESE INTERMEDIATE CODE: A80

Effective date: 20190813

A621 Written request for application examination

Free format text: JAPANESE INTERMEDIATE CODE: A621

Effective date: 20220729

A977 Report on retrieval

Free format text: JAPANESE INTERMEDIATE CODE: A971007

Effective date: 20230303

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20230307

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20230426

TRDD Decision of grant or rejection written
A01 Written decision to grant a patent or to grant a registration (utility model)

Free format text: JAPANESE INTERMEDIATE CODE: A01

Effective date: 20230530

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20230613

R150 Certificate of patent or registration of utility model

Ref document number: 7296814

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R150