(57)【要約】【課題】画面遷移処理を含むプログラムの作成を支援するプログラム作成支援システムであって、プログラムの作成作業者が、画面遷移処理の流れを正確かつ容易に認識できるプログラム作成支援システムを提供する。【解決手段】プログラム作成支援システムは、画面における所定操作によって他の画面に遷移する画面遷移処理を含むプログラムの作成を支援する。プログラム作成支援システムは、画面遷移情報記憶領域と、生成部と、出力部と、を備える。画面遷移情報記憶領域は、各画面における所定操作と、所定操作による遷移先の画面と、を関連付けて、画面遷移情報として記憶する。生成部は、画面遷移図Ａ２を、画面遷移情報に基づいて生成する。画面遷移図では、画面遷移処理における画面の遷移が、各画面を表す要素Ｇ１〜Ｇ８と、画面の遷移を示す線Ｌと、で表現される。出力部は、生成された画面遷移図を表示部に表示させる。【選択図】図４
2017188047.tif 000002
【特許請求の範囲】
【請求項１】
画面における所定操作によって他の画面に遷移する画面遷移処理を含むプログラム、の作成を支援するプログラム作成支援システムであって、
各画面における前記所定操作と、前記所定操作による遷移先の画面と、を関連付けて、画面遷移情報として記憶する画面遷移情報記憶部（２５２）と、
前記画面遷移処理における画面の遷移を、各画面を表す要素（Ｇ１，Ｇ２，Ｇ３，Ｇ４，Ｇ５，Ｇ６，Ｇ７，Ｇ８）と、画面の遷移を示す線（Ｌ）と、で表現した画面遷移図（Ａ１，Ａ２，Ａ３，Ａ４）を、前記画面遷移情報に基づいて生成する生成部（２６２）と、
生成された前記画面遷移図を表示部（３０Ａ，３０Ｂ，３０Ｃ）に表示させる出力部（２１０）と、
を備えた、プログラム作成支援システム（１００）。
【請求項２】
前記生成部は、基本レイアウトに従い前記画面遷移図を生成し、
前記基本レイアウトは、複数準備されている、
請求項１に記載のプログラム作成支援システム。
【請求項３】
複数の前記基本レイアウトの中の、１の前記基本レイアウトの選択を受け付ける選択受付部（２２０）、を更に備え、
前記生成部は、前記選択受付部が受け付けた前記基本レイアウトに従い前記画面遷移図を生成する、
請求項２に記載のプログラム作成支援システム。
【請求項４】
前記生成部は、複数の前記基本レイアウトの中の第１基本レイアウトに従い前記画面遷移図を生成した後に、前記選択受付部が、複数の前記基本レイアウトの中の、前記第１基本レイアウトとは異なる第２基本レイアウトの選択を受け付けると、前記第２基本レイアウトに従い前記画面遷移図を生成する、
請求項３に記載のプログラム作成支援システム。
【請求項５】
前記表示部に表示させられる前記画面遷移図のレイアウト修正操作を受け付ける修正操作受付部（２２０）と、
前記レイアウト修正操作に応じて前記画面遷移図のレイアウトを変更するレイアウト変更部（２６４）と、
を更に備える、
請求項１から４のいずれか１項に記載のプログラム作成支援システム。
【請求項６】
前記レイアウト変更部による変更後のレイアウトを記憶する修正レイアウト記憶部（２５６）、
を更に備える、
請求項５に記載のプログラム作成支援システム。
【請求項７】
各画面における前記所定操作は、各画面に設けられたボタン（Ｂ１，Ｂ２，Ｂ３，Ｂ４）に対する操作であって、
前記画面遷移図（Ａ４）では、各画面を表す要素と対応する位置に、その画面に設けられた前記ボタンを表すサブ要素（Ｅ１１，Ｅ１２，Ｅ１３，Ｅ１４，Ｅ２１，Ｅ２２，Ｅ２３，Ｅ３１，Ｅ４１，Ｅ４２，Ｅ５１）が描画され、前記ボタンを表すサブ要素と、そのボタンに対する操作が行われた時の遷移先の画面を表す要素とが前記線で結ばれている、
請求項１から６のいずれか１項に記載のプログラム作成支援システム。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、プログラム作成支援システムに関する。より具体的には、本発明は、画面における所定操作によって他の画面に遷移する画面遷移処理を含むプログラム、の作成を支援するプログラム作成支援システムに関する。
【背景技術】
【０００２】
画面における所定操作によって他の画面に遷移する画面遷移処理を含むプログラムの作成を支援するプログラム作成支援システムが知られている。このようなシステムでは、プログラムの作成時に、プログラムの作成作業者が正しく画面遷移が定義されているかを確認することを目的として、画面遷移図が生成されることが好ましい。
【０００３】
例えば、特許文献１（特開平１０−１０５３８９公報）には、プログラムの作成作業者が作成したソースコード等に基づき、画面遷移図が作成、表示されることが記載されている。
【発明の概要】
【発明が解決しようとする課題】
【０００４】
ところで、特許文献１（特開平１０−１０５３８９公報）には具体的な画面遷移図の開示はないが、画面遷移図の作成、表示にあたっては、作業効率を向上させる、認識しやすくて使いやすい画面遷移図が作成、表示されることが特に重要となる。
【０００５】
本発明の課題は、画面遷移処理を含むプログラムの作成を支援するプログラム作成支援システムであって、プログラムの作成作業者が、画面遷移処理の流れを正確かつ容易に認識できるプログラム作成支援システムを提供することにある。
【課題を解決するための手段】
【０００６】
本発明の第１観点に係るプログラム作成支援システムは、画面における所定操作によって他の画面に遷移する画面遷移処理を含むプログラムの作成を支援する。プログラム作成支援システムは、画面遷移情報記憶部と、生成部と、出力部と、を備える。画面遷移情報記憶部は、各画面における所定操作と、所定操作による遷移先の画面と、を関連付けて、画面遷移情報として記憶する。生成部は、画面遷移図を画面遷移情報に基づいて生成する。画面遷移図では、画面遷移処理における画面の遷移が、各画面を表す要素と、画面の遷移を示す線と、で表現される。出力部は、生成された画面遷移図を表示部に表示させる。
【０００７】
本発明の第１観点に係るプログラム作成支援システムでは、各画面を表す要素と、画面の遷移を示す線とで画面の遷移が表現された画面遷移図が生成され、表示部に表示させられる。そのため、プログラムの作成作業者が、作成中のプログラムにおける画面遷移処理の流れを正確かつ容易に認識できる。
【０００８】
本発明の第２観点に係るプログラム作成支援システムは、第１観点に係るプログラム作成支援システムであって、生成部は、基本レイアウトに従い画面遷移図を生成する。基本レイアウトは、複数準備されている。
【０００９】
本発明の第２観点に係るプログラム作成支援システムでは、複数の基本レイアウトに従い画面遷移図が作成される。そのため、画面の数や、各画面がどの画面に遷移するように構成されているか等によらず、最適な画面遷移図が得られやすい。
【００１０】
本発明の第３観点に係るプログラム作成支援システムは、第２観点に係るプログラム作成支援システムであって、選択受付部を更に備える。選択受付部は、複数の基本レイアウトの中の、１の基本レイアウトの選択を受け付ける。生成部は、選択受付部が受け付けた基本レイアウトに従い画面遷移図を生成する。
【００１１】
本発明の第３観点に係るプログラム作成支援システムでは、選択された基本レイアウトに従い画面遷移図が作成される。そのため、プログラムの作成作業者は、図の見やすさや、好みに応じて、最適な画面遷移図を選択して利用することができる。
【００１２】
本発明の第４観点に係るプログラム作成支援システムは、第３観点に係るプログラム作成支援システムであって、生成部は、複数の基本レイアウトの中の第１基本レイアウトに従い画面遷移図を生成した後に、選択受付部が複数の基本レイアウトの中の第２基本レイアウトの選択を受け付けると、第２基本レイアウトに従い画面遷移図を生成する。第２基本レイアウトは、第１基本レイアウトとは異なる基本レイアウトである。
【００１３】
本発明の第４観点に係るプログラム作成支援システムでは、１つの基本レイアウトに従い画面遷移図が作成された後に、選択された他の基本レイアウトに従い画面遷移図が作成される。そのため、プログラムの作成作業者は、レイアウトの異なる画面遷移図を見比べて、最適な画面遷移図を選択して利用することができる。
【００１４】
本発明の第５観点に係るプログラム作成支援システムは、第１観点から第４観点のいずれかに係るプログラム作成支援システムであって、修正操作受付部と、レイアウト変更部と、を更に備える。修正操作受付部は、表示部に表示させられる画面遷移図のレイアウト修正操作を受け付ける。レイアウト変更部は、レイアウト修正操作に応じて画面遷移図のレイアウトを変更する。
【００１５】
本発明の第５観点に係るプログラム作成支援システムでは、プログラムの作成作業者が画面遷移図のレイアウト修正を行うことができる。そのため、プログラムの作成作業者は、自動で作成された画面遷移図を更に利用しやすい画面遷移図へと修正することができる。
【００１６】
本発明の第６観点に係るプログラム作成支援システムは、第５観点に係るプログラム作成支援システムであって、修正レイアウト記憶部を更に備える。修正レイアウト記憶部は、レイアウト変更部による変更後のレイアウトを記憶する。
【００１７】
本発明の第６観点に係るプログラム作成支援システムでは、プログラムの作成作業者にとって利用しやすいレイアウト（修正レイアウト）を記憶できる。そのため、プログラムの作成作業者は、画面遷移図が生成されるたびにレイアウトの修正作業を行う手間を省くことができる。
【００１８】
本発明の第７観点に係るプログラム作成支援システムは、第１観点から第６観点のいずれかに係るプログラム作成支援システムであって、各画面における所定操作は、各画面に設けられたボタンに対する操作である。画面遷移図では、各画面を表す要素と対応する位置に、その画面に設けられたボタンを表すサブ要素が描画され、ボタンを表すサブ要素と、そのボタンに対する操作が行われた時の遷移先の画面を表す要素とが線で結ばれている。
【００１９】
本発明の第７観点に係るプログラム作成支援システムでは、各画面に表示されるボタンを表すサブ要素と、ボタンを操作した時の遷移先の画面を表す要素とが線で結ばれて表示される。そのため、プログラムの作成作業者は、各画面に設けられたボタンに対して行われた操作により、どのように画面遷移が起こるのかを正確かつ容易に把握することができる。
【発明の効果】
【００２０】
本発明の第１観点に係るプログラム作成支援システムでは、各画面を表す要素と、画面の遷移を示す線とで画面の遷移が表現された画面遷移図が生成され、表示部に表示させられる。そのため、プログラムの作成作業者が、作成中のプログラムにおける画面遷移処理の流れを正確かつ容易に認識できる。
【００２１】
本発明の第２観点に係るプログラム作成支援システムでは、最適な画面遷移図が得られやすい。
【００２２】
本発明の第３観点及び第４観点に係るプログラム作成支援システムでは、プログラムの作成作業者が、最適な画面遷移図を選択して利用することができる。
【００２３】
本発明の第５観点に係るプログラム作成支援システムでは、プログラムの作成作業者は、自動で作成された画面遷移図を更に利用しやすい画面遷移図へと修正することができる。
【００２４】
本発明の第６観点に係るプログラム作成支援システムでは、プログラムの作成作業者は、画面遷移図が生成されるたびにレイアウトの修正作業を行う手間を省くことができる。
【００２５】
本発明の第７観点に係るプログラム作成支援システムでは、プログラムの作成作業者は、画面設けられたボタンに対して行われた操作により、どのように画面遷移が起こるのかを正確かつ容易に把握することができる。
【図面の簡単な説明】
【００２６】
【図１】本発明の一実施形態に係るプログラム作成支援システムのブロック図である。
【図２】図１のプログラム作成支援システムを用いて作成されたプログラムで用いられる画面の一例である。
【図３】図１のプログラム作成支援システムの生成部によって標準レイアウトに従って生成される、画面遷移図の一例である。
【図４】図１のプログラム作成支援システムの生成部によって階層状レイアウトに従って生成される、画面遷移図の一例である。
【図５】図１のプログラム作成支援システムの生成部によって放射状レイアウトに従って生成される、画面遷移図の一例である。
【図６】プログラムの作成作業者の修正操作に従い、図１のプログラム作成支援システムのレイアウト変更部によってレイアウト変更された画面遷移図の一例である。
【図７】プログラムの作成作業者の修正操作に従い、図１のプログラム作成支援システムのレイアウト変更部によってレイアウト変更された画面遷移図の他の例である。
【図８】図１のプログラム作成支援システムによる画面遷移図の生成及び表示処理のフローチャートの一例である。
【図９】図１のプログラム作成支援システムによる画面遷移図のレイアウト変更処理のフローチャートの一例である。
【図１０】本発明の変形例Ａに係るプログラム作成支援システムの生成部によって生成される画面遷移図の一例である。
【発明を実施するための形態】
【００２７】
本発明の一実施形態に係るプログラム作成支援システム１００について、図面を参照しながら説明する。なお、以下の説明は、本発明に係るプログラム作成支援システムの実施例に過ぎず、本発明の要旨を変更しない範囲で適宜変更可能である。
【００２８】
（１）全体概要
本実施形態のプログラム作成支援システム１００は、各種プログラムを作成するために用いられる。例えば、プログラム作成支援システム１００は、データベースに情報を登録し、登録された情報を活用するアプリケーションプログラムを作成するために用いられる。プログラム作成支援システム１００により作成されるアプリケーションプログラムは、例えば製品管理用のアプリケーションプログラムである。製品管理用のアプリケーションプログラムを活用して、製品に関する情報をデータベースで一括管理することができ、業務の効率化が図られる。
【００２９】
ただし、プログラム作成支援システム１００を用いて作成されるプログラムは、製品管理用のアプリケーションプログラムに限定されるものではない。プログラム作成支援システム１００を用いて作成されるプログラムは、他の用途に用いられるプログラム、例えば顧客管理用のアプリケーションプログラムや、社員管理用のアプリケーションプログラムであってもよい。
【００３０】
本実施形態のプログラム作成支援システム１００は、システムのユーザ（プログラムの作成作業者）が、ノンプログラミング環境で、プログラムを作成することを可能とするシステムである。言い換えれば、プログラム作成支援システム１００は、システムのユーザが、コーディングを行うことなく、プログラムを作成することを可能とするシステムである。ここでは、コーディングとは、プログラミング言語を用いて、コンピュータが処理可能な形式のプログラムを記述することをいう。プログラム作成支援システム１００では、ＧＵＩ（Ｇｒａｐｈｉｃａｌ  Ｕｓｅｒ  Ｉｎｔｅｒｆａｃｅ）の操作により、予め準備されたブログラム部品（プログラムパターン）を組み合わせて、ＳＱＬ（Ｓｔｒｕｃｔｕｒｅｄ  Ｑｕｅｒｙ  Ｌａｎｇｕａｇｅ）等のプログラム言語で記述されたプログラムを生成する。例えば、プログラム作成支援システム１００では、ユーザは、プログラム作成用画面において、予め準備されたブログラム部品を、ドラッグ・アンド・ドロップ等のマウス操作で並べて配置することで、所望の処理を実行するプログラムを作成する。ここでは、プログラム作成支援システム１００を用いて作成されるプログラムは、画面における所定操作によって他の画面に遷移する画面遷移処理を含むプログラムである。
【００３１】
なお、プログラム作成支援システム１００を用いて作成されるプログラムの言語は、ＳＱＬに限定されるものではない。また、ここでのノンプログラミング環境とは、システムのユーザが全くコーディングを行わない環境に限定されるものではない。ユーザは、プログラム作成支援システム１００を用いてプログラムを作成する際に、コーディングにより少なくともプログラムの一部を作成してもよい。
【００３２】
図１は、プログラム作成支援システム１００の構成を示すブロック図である。プログラム作成支援システム１００は、主にサーバ２００を有する（図１参照）。
【００３３】
サーバ２００は、出力部２１０、受付部２２０、入力部２３０、表示部２４０、記憶部２５０、処理部２６０、及びデータベース３００を主に有する（図１参照）。
【００３４】
サーバ２００は、プログラムの作成を行うユーザが用いるユーザ端末１０Ａ，１０Ｂ，１０Ｃと、ネットワーク５０を介して接続されている（図１参照）。ユーザは、ユーザ端末１０Ａ，１０Ｂ，１０Ｃから、ネットワーク５０を介してプログラム作成支援システム１００を利用し、プログラムの開発を行う。なお、図１では、３台のユーザ端末１０Ａ，１０Ｂ，１０Ｃがネットワーク５０を介してプログラム作成支援システム１００に接続されているが、プログラム作成支援システム１００に接続されるユーザ端末の台数は例示に過ぎず、これに限定されるものではない。例えば、プログラム作成支援システム１００は、１台又は２台のユーザ端末と接続されてもよいし、４台以上のユーザ端末と接続されてもよい。
【００３５】
本実施形態では、ネットワーク５０は、インターネットである。ただし、ネットワーク５０は、インターネットに限定されるものではない。ネットワーク５０は、ＬＡＮ（Ｌｏｃａｌ  Ａｒｅａ  Ｎｅｔｗｏｒｋ）や、イントラネット等であってもよい。
【００３６】
（２）詳細説明
ユーザ端末１０Ａ，１０Ｂ，１０Ｃ及びサーバ２００について詳細に説明する。
【００３７】
（２−１）ユーザ端末
ユーザ端末１０Ａ，１０Ｂ，１０Ｃは、サーバ２００からプログラム作成支援機能の提供を受けるクライアント側のコンピュータである。また、ユーザ端末１０Ａ，１０Ｂ，１０Ｃは、プログラム作成支援システム１００を用いて作成された（完成した）プログラムを利用するコンピュータとしても使用できる。
【００３８】
ユーザ端末１０Ａ，１０Ｂ，１０Ｃは、例えば、一般的なパーソナルコンピュータである。ユーザ端末１０Ａ，１０Ｂ，１０Ｃは、例えば、図示しないＣＰＵ（Ｃｅｎｔｒａｌ  Ｐｒｏｃｅｓｓｉｎｇ  Ｕｎｉｔ）、メモリ、ハードディスク等の外部記憶装置、及び通信装置を有する。また、ユーザ端末１０Ａ，１０Ｂ，１０Ｃは、それぞれ、キーボード、マウス、タッチパネル等の入力部２０Ａ，２０Ｂ，２０Ｃを有する。また、ユーザ端末１０Ａ，１０Ｂ，１０Ｃは、それぞれ、ディスプレイ等の表示部３０Ａ，３０Ｂ，３０Ｃを有する。ユーザ端末１０Ａ，１０Ｂ，１０Ｃは、ＣＰＵが、ハードディスクに記憶されているプログラムをメモリに読みだして実行することで各種処理を実行する。
【００３９】
なお、ユーザが、ユーザ端末１０Ａ，１０Ｂ，１０Ｃからプログラム作成支援システム１００を利用する際、表示部３０Ａ，３０Ｂ，３０Ｃには、サーバ２００で生成された画面がサーバ２００の出力部２１０により表示させられる。また、ユーザが、ユーザ端末１０Ａ，１０Ｂ，１０Ｃからプログラム作成支援システム１００を利用する際、表示部３０Ａ，３０Ｂ，３０Ｃに表示される画面において、ユーザが入力部２０Ａ，２０Ｂ，２０Ｃを用いて各種操作を行うと、画面に対する操作内容がサーバ２００の受付部２２０により受け付けられる。そして、サーバ２００が、受付部２２０が受け付けた画面の操作内容に応じて各種処理を行う。つまり、ユーザがユーザ端末１０Ａ，１０Ｂ，１０Ｃからプログラム作成支援システム１００を利用してプログラムを作成する際には、プログラムの作成に関する処理はサーバ２００で実行される。
【００４０】
ここでは、ユーザ端末１０Ａ，１０Ｂ，１０Ｃの各機能部の内、プログラム作成支援システム１００を用いたプログラムの作成と関連する入力部２０Ａ，２０Ｂ，２０Ｃ及び表示部３０Ａ，３０Ｂ，３０Ｃについて主に説明する。
【００４１】
なお、ユーザ端末１０Ａ，１０Ｂ，１０Ｃは、全て同様に構成されているため、ここでは、ユーザ端末１０Ａについてのみ（ユーザ端末１０Ａの入力部２０Ａ及び表示部３０Ａについてのみ）説明し、他のユーザ端末１０Ｂ，１０Ｃについての説明は省略する。
【００４２】
（２−１−１）入力部
入力部２０Ａは、上記のように、キーボード、マウス、タッチパネル等の入力装置である。ユーザ（プログラムの作成作業者）は、ユーザ端末１０Ａからプログラム作成支援システム１００を用いてプログラムを作成する際、入力部２０Ａを用いて、表示部３０Ａに表示されるプログラム作成用画面において各種操作を行う。
【００４３】
なお、表示部３０Ａに表示されるプログラム作成用画面において行われた各種操作は、後述するサーバ２００の受付部２２０により受け付けられる。そして、後述するサーバ２００の処理部２６０は、受付部２２０が受け付けたプログラム作成用画面における各種操作に応じてプログラムを作成していく。
【００４４】
具体例を挙げて、プログラムを作成する際に、入力部２０Ａを用いて行われる作業及びサーバ２００側での処理について簡単に説明する。ここでは、入力部２０Ａを用いて、表示部３０Ａに表示されるプログラム作成用画面において各種操作を行い、図２に示すような画面Ｃ（メニュー画面）を作成する場合について作業及び処理の流れを説明する。画面Ｃは、画面Ｃにおける所定操作（具体的には、画面Ｃに設けられたボタンＢ１，Ｂ２，Ｂ３，Ｂ４に対する操作）によって、プログラム利用者の端末の表示部に表示される画面が、他の画面（製品検索画面、製品一覧画面、構成品一覧画面、及び環境設定画面）に遷移するよう作成される。
【００４５】
ユーザは、表示部３０Ａに表示されるプログラム作成用画面において、入力部２０Ａのマウスを用いてドラッグ・アンド・ドロップ等の操作を行うことで、予め準備されたブログラム部品のボタンを並べて配置した画面を表示部３０Ａ上に作成する。そして、表示部３０Ａに表示されている作成した画面に対し、ユーザは、入力部２０Ａのキーボード等を用いて、所定の位置に表示される文字を入力する。その結果、図２に描画されているようなデザインの画面Ｃ（メニュー画面）が表示部３０Ａに表示される。画面Ｃ上のボタンＢ１，Ｂ２，Ｂ３，Ｂ４（図２参照）は、表示部３０Ａに表示される画面を、画面Ｃから、他の画面に遷移させるためのボタンである。さらに、ユーザは、入力部２０Ａのマウスを用いて、表示部３０Ａに表示されているプログラム作成用画面において操作を行うことで、画面ＣのボタンＢ１（製品検索ボタン），ボタンＢ２（製品一覧ボタン），ボタンＢ３（構成品一覧ボタン），及びボタンＢ４（環境設定ボタン）の押下操作を、予め作成しておいた製品検索画面、製品一覧画面、構成品一覧画面、及び環境設定画面（これらの画面は図示せず）とそれぞれ関連付ける。
【００４６】
表示部３０Ａに表示されるプログラム作成用画面における上記の操作は、サーバ２００の受付部２２０により受け付けられる。サーバ２００の処理部２６０は、受付部２２０が受け付けたプログラム作成用画面における操作に応じてプログラム（プログラムの一部分、具体的にはプログラムの画面Ｃに関する部分）を生成する。ここで処理部２６０により作成されるプログラムで行われる処理には、画面遷移処理を含む。画面遷移処理とは、ある画面における所定操作に応じて、プログラム利用者の表示部に表示させる画面をある画面から他の画面に遷移させる処理である。例えば画面遷移処理は、メニュー画面（画面Ｃ）における所定操作（ボタンＢ１，Ｂ２，Ｂ３，Ｂ４の押下操作）に応じて、プログラム利用者の表示部に表示させる画面をメニュー画面から他の画面（製品検索画面、製品一覧画面、構成品一覧画面、及び環境設定画面）に遷移させる処理である。
【００４７】
さて、このような画面遷移処理を含むプログラムを作成する場合、プログラム作成支援システム１００のユーザは、画面遷移処理の流れを視覚的に確認したい場合がある。そこで、本プログラム作成支援システム１００では、ユーザが、入力部２０Ａを用いて表示部３０Ａに表示されるプログラム作成用画面において後述するような操作を行うことで、サーバ２００の処理部２６０の後述する生成部２６２が画面遷移図を生成する。生成部２６２により生成された画面遷移図は、サーバ２００の出力部２１０により表示部３０Ａに表示させられる。
【００４８】
ここで、画面遷移図とは、作成されるプログラムが複数の画面（操作画面や結果表示画面）を有する場合に、画面遷移処理により、画面をどのように遷移させることが可能かを表示する図である。画面遷移図では、画面遷移処理における画面の遷移が、各画面を表す要素と、画面の遷移を示す線と、で表現される。本実施形態に係るプログラム作成支援システム１００により作成される画面遷移図は、例えば、図４に示す、画面遷移処理における画面の遷移を、各画面を表す矩形の要素Ｇ１〜Ｇ８と、画面の遷移を示す線Ｌと、で表現した画面遷移図Ａ２である。図４の画面遷移図Ａ２では、要素Ｇ１〜Ｇ８は、それぞれ、メニュー画面、製品一覧画面、製品検索画面、製品情報画面、構成品一覧画面、構成品情報画面、ドキュメント管理画面、環境設定画面を表す要素である。要素Ｇ１〜Ｇ８の矩形の中には、例えば、図４のように画面の名称が表示される。線Ｌには、画面の遷移の流れが明確になるように、ここでは矢印付きの直線が用いられている。画面遷移図Ａ２では、遷移元の画面を表す要素Ｇ１〜Ｇ８と、遷移先の画面を表す要素Ｇ１〜Ｇ８とを、矢印を遷移先の画面を表す要素Ｇ１〜Ｇ８側に向けた線Ｌで結ぶことで、画面遷移処理における画面の遷移を表している。
【００４９】
画面遷移図を表示部３０Ａに表示させたい場合、ユーザは、表示部３０Ａに表示されるプログラム作成用画面において、プログラム作成支援システム１００に対して画面遷移図の生成を指示する操作を、入力部２０Ａを用いて行う。例えば、具体的には、ユーザは、表示部３０Ａに表示されるプログラム作成用画面中の画面遷移図生成ボタン（図示せず）を、入力部２０Ａのマウスを用いて押下する。画面遷移図生成ボタンの押下操作は、サーバ２００の受付部２２０により受け付けられ、これに応じてサーバ２００の処理部２６０の生成部２６２が画面遷移図を生成する。
【００５０】
生成部２６２は、後述するように複数準備されている基本レイアウトの中から、ユーザに選択された１の基本レイアウトに従い画面遷移図を生成する。基本レイアウトの内容については後述する。
【００５１】
ユーザによる基本レイアウトの選択は、例えば、以下の様に行われる。
【００５２】
ユーザは、画面遷移図の生成をプログラム作成支援システム１００に指示する際に、プログラム作成用画面に複数表示されるレイアウト選択ボタン（図示せず）のいずれか１つを、入力部２０Ａのマウスを用いて押下する。なお、レイアウト選択ボタンは、プログラム作成支援システム１００において準備されている基本レイアウトの数と同数だけプログラム作成用画面に表示される。各レイアウト選択ボタンは、互いに相異する基本レイアウトと対応付けられている。サーバ２００の受付部２２０は、画面遷移図のレイアウト選択操作（プログラム作成用画面におけるレイアウト選択ボタンの押下操作）を受け付ける。つまり、受付部２２０は、複数の基本レイアウトの中の、押下されたレイアウト選択ボタンと対応付けられている１の基本レイアウトの選択を受け付ける。そして、生成部２６２は、受付部２２０が受け付けた基本レイアウトに従い画面遷移図を生成する。生成された画面遷移図は、サーバ２００の出力部２１０により表示部３０Ａに表示させられる。
【００５３】
さらに、ユーザは、生成部２６２が１の基本レイアウト（第１基本レイアウト）に従い画面遷移図が生成した後に、表示部３０Ａに複数表示されるレイアウト選択ボタンのいずれか１つ（第１基本レイアウトとは異なる他の基本レイアウト（第２基本レイアウト）と対応するレイアウト選択ボタン）を、入力部２０Ａのマウスを用いて押下できる。サーバ２００の受付部２２０は、この画面遷移図のレイアウト選択操作を受け付ける。つまり、受付部２２０は、複数の基本レイアウトの中の、押下されたレイアウト選択ボタンと対応付けられている第２基本レイアウトの選択を受け付ける。そして、生成部２６２は、受付部２２０が受け付けた第２基本レイアウトに従い画面遷移図を生成する。生成された画面遷移図は、サーバ２００の出力部２１０により表示部３０Ａに表示させられる。
【００５４】
このように、表示部３０Ａにはユーザが選択した基本レイアウトに従った画面遷移図が表示させられが、生成される画面遷移図は、見やすさの観点から改善の余地がある場合がある。
【００５５】
そこで、本プログラム作成支援システム１００では、ユーザは、画面遷移図のレイアウト修正操作を行うことができる。具体的には、ユーザは、表示部３０Ａに表示される画面遷移図のレイアウト修正操作を、入力部２０Ａを用いて行うことができる。ユーザの画面遷移図のレイアウト修正操作は、受付部２２０により受け付けられる。そして、受付部２２０が受け付けたレイアウト修正操作に応じて、サーバ２００の処理部２６０の後述するレイアウト変更部２６４は、画面遷移図のレイアウトを変更する。画面遷移図のレイアウト修正操作や、レイアウト変更部２６４の行う処理については後述する。
【００５６】
（２−１−２）表示部
表示部３０Ａは、ユーザに対して情報を提示する。表示部３０Ａは、上述のように、例えばディスプレイである。
【００５７】
表示部３０Ａには、サーバ２００の出力部２１０によって、ユーザに対して各種情報を提示するための各種画面や、ユーザが操作を行う各種画面が表示させられる。
【００５８】
例えば、表示部３０Ａには、ユーザが利用するプログラム作成用画面が表示される。ユーザが、表示部３０Ａに表示されるプログラム作成用画面において、入力部２０Ａを用いて例えば上述のような操作を行うことで、プログラムが作成される。
【００５９】
また、表示部３０Ａには、プログラム作成支援システム１００を用いてプログラムを作成するユーザ等に、プログラムの作成を補助するようなプログラム作成用補助画面を表示する。例えば、表示部３０Ａに表示される画面遷移図は、プログラム作成用補助画面の一例である。
【００６０】
（２−２）サーバ
サーバ２００は、クライアントであるユーザ端末１０Ａ，１０Ｂ，１０Ｃに対してプログラム作成支援機能を提供するコンピュータである。
【００６１】
サーバ２００は、例えば、図示しないＣＰＵ、メモリ、ハードディスク等の外部記憶装置、及び通信装置を構成として有する。また、サーバ２００は、キーボードやマウス等の入力部２３０や、ディスプレイ等の表示部２４０を有する。サーバ２００は、ＣＰＵが、ハードディスクに記憶されているプログラム作成支援処理のためのプログラムをメモリに読みだして実行することで、プログラム作成支援のための各種処理を実行する。
【００６２】
サーバ２００は、上述のように、出力部２１０、受付部２２０、入力部２３０、表示部２４０、記憶部２５０、処理部２６０、及びデータベース３００を主に有する（図１参照）。以下に、特に、出力部２１０、受付部２２０、記憶部２５０、処理部２６０、及びデータベース３００について説明する。
【００６３】
（２−２−１）出力部
出力部２１０は、ユーザが、ネットワーク５０を介してサーバ２００と接続されているユーザ端末１０Ａ，１０Ｂ，１０Ｃにおいて、プログラム作成支援システム１００を利用する際に、表示部３０Ａ，３０Ｂ，３０Ｃに各種画面を表示させる。つまり、出力部２１０は、サーバ２００と接続されているユーザ端末１０Ａ，１０Ｂ，１０Ｃの表示部３０Ａ，３０Ｂ，３０Ｃの表示内容を制御する表示制御部である。
【００６４】
出力部２１０は、１つのプログラムを作成するために、複数のユーザ端末１０Ａ，１０Ｂ，１０Ｃで同時にプログラム作成支援システム１００が利用される場合には、ユーザ端末１０Ａ，１０Ｂ，１０Ｃの表示部３０Ａ，３０Ｂ，３０Ｃのそれぞれに、他の表示部３０Ａ，３０Ｂ，３０Ｃとは独立して画面を表示させる。例えば、表示部３０Ａに表示される画面は、ユーザ端末１０Ａで実行される作業内容によって決定され、他の表示部３０Ｂ，３０Ｃに表示される画面がどのような画面であるかには影響を受けない。
【００６５】
出力部２１０は、ユーザ端末１０Ａ，１０Ｂ，１０Ｃにおいてプログラム作成支援システム１００が利用される際に、ユーザ端末１０Ａ，１０Ｂ，１０Ｃの表示部３０Ａ，３０Ｂ，３０Ｃのそれぞれに、プログラム作成用画面を表示させる。上述のように、ユーザが、表示部３０Ａ，３０Ｂ，３０Ｃに表示されるプログラム作成用画面において、それぞれ入力部２０Ａ，２０Ｂ，２０Ｃを用いて上述のような操作を行うことで、プログラムが作成される。
【００６６】
また、出力部２１０は、ユーザ端末１０Ａ，１０Ｂ，１０Ｃにおいてプログラム作成支援システム１００が利用される際に、ユーザ端末１０Ａ，１０Ｂ，１０Ｃの表示部３０Ａ，３０Ｂ，３０Ｃのそれぞれに、プログラム作成用補助画面を表示させる。
【００６７】
（２−２−２）受付部
受付部２２０は、ユーザ端末１０Ａ，１０Ｂ，１０Ｃのそれぞれにおいて入力部２０Ａ，２０Ｂ，２０Ｃを用いて行われる、表示部３０Ａ，３０Ｂ，３０Ｃに表示させられる画面における操作を、ネットワーク５０を介して受け付ける。
【００６８】
受付部２２０が受け付ける、ユーザ端末１０Ａ，１０Ｂ，１０Ｃの表示部３０Ａ，３０Ｂ，３０Ｃに表示させられる画面における操作の例を以下に説明する。なお、以下では、受付部２２０が受け付ける、ユーザ端末１０Ａの表示部３０Ａに表示させられる画面における操作を例に説明する。受付部２２０が受け付ける、他のユーザ端末１０Ｂ，１０Ｃの表示部３０Ｂ，３０Ｃに表示させられる画面における操作は、受付部２２０が受け付けるユーザ端末１０Ａの表示部３０Ａに表示させられる画面における操作と同様であるので、説明は省略する。
【００６９】
例えば、受付部２２０は、上述のユーザ端末１０Ａの入力部２０Ａに関する説明で記載した様な（２−２−１参照）、画面Ｃの作成を目的とした、プログラム作成用画面における入力部２０Ａを用いた各種操作を受け付ける。
【００７０】
また、例えば、受付部２２０は、上述のユーザ端末１０Ａの入力部２０Ａに関する説明で記載した様に、プログラム作成用画面において入力部２０Ａを用いて行われる、画面遷移図の生成指示操作を受け付ける（２−２−１参照）。さらに、受付部２２０は、プログラム作成用画面において入力部２０Ａを用いて行われる、画面遷移図のレイアウト選択操作を受け付ける。画面遷移図のレイアウト選択操作は、複数準備されている基本レイアウトの中の、１の基本レイアウトを選択する操作である。
【００７１】
また、例えば、受付部２２０は、表示部３０Ａに表示される画面遷移図において入力部２０Ａを用いて行われるレイアウト修正操作を受け付ける。レイアウト修正操作に関する説明は、後述する処理部２６０のレイアウト変更部２６４に関する説明と共に行う。
【００７２】
（２−２−３）記憶部
記憶部２５０は、ＣＰＵにプログラム作成支援処理を実行させるためのプログラムを記憶している。
【００７３】
また、記憶部２５０は、プログラム作成支援システム１００を機能させるための各種情報等が記憶されている。記憶部２５０は、プログラム作成支援システム１００を機能させるための情報を記憶する記憶領域として、例えば、画面遷移情報記憶領域２５２と、基本レイアウト記憶領域２５４と、修正レイアウト記憶領域２５６とを有する。
【００７４】
（２−２−３−１）画面遷移情報記憶領域
画面遷移情報記憶領域２５２は、画面遷移情報記憶部の一例である。画面遷移情報記憶領域２５２は、画面遷移処理に関する情報を記憶する。画面遷移処理は、ある画面（遷移元画面）における所定操作に応じて、表示部に表示させる画面を、遷移元画面から他の画面（遷移先画面）に遷移させる処理である。
【００７５】
画面遷移情報記憶領域２５２は、具体的には、遷移元画面における所定操作と、所定操作による遷移先の画面と、を関連付けて画面遷移情報として記憶する。画面遷移情報記憶領域２５２は、受付部２２０が、ユーザ端末１０Ａ，１０Ｂ，１０Ｃからプログラムの画面遷移処理部分を生成するための操作を受け付けると、遷移元画面における所定操作と、所定操作による遷移先の画面と、を関連付けて画面遷移情報として記憶する。
【００７６】
例えば、図２のような画面Ｃ（メニュー画面）において、ボタンＢ１（製品検索ボタン）を画面上で押すと製品検索画面に遷移し、ボタンＢ２（製品一覧ボタン）を画面上で押すと製品一覧画面に遷移し、ボタンＢ３（構成品一覧ボタン）を画面上で押すと構成品一覧画面に遷移し、ボタンＢ４（環境設定ボタン）を画面上で押すと環境設定画面に遷移するという画面遷移処理が行われるプログラムを作成する場合を例に説明する。
【００７７】
この場合、受付部２２０は、いずれかのユーザ端末の入力部（例えばユーザ端末１０Ａの入力部２０Ａ）を用いて行われた、画面ＣのボタンＢ１，Ｂ２，Ｂ３，Ｂ４の押下操作を、それぞれ製品検索画面、製品一覧画面、構成品一覧画面、及び環境設定画面（図示せず）と関連付ける操作を受け付ける。
【００７８】
この操作を受付部２２０が受け付けると、画面遷移情報記憶領域２５２には、画面ＣにおけるボタンＢ１の押下操作と、ボタンＢ１の押下操作による遷移先の画面（製品検索画面）とが関連付けられて画面遷移情報として記憶される。また、画面遷移情報記憶領域２５２には、画面ＣにおけるボタンＢ２の押下操作と、ボタンＢ２の押下操作による遷移先の画面（製品一覧画面）とが関連付けられて画面遷移情報として記憶される。また、画面遷移情報記憶領域２５２には、画面ＣにおけるボタンＢ３の押下操作と、ボタンＢ３の押下操作による遷移先の画面（構成品一覧画面）とが関連付けられて画面遷移情報として記憶される。また、画面遷移情報記憶領域２５２には、画面ＣにおけるボタンＢ４の押下操作と、ボタンＢ４の押下操作による遷移先の画面（環境設定画面）とが関連付けられて画面遷移情報として記憶される。
【００７９】
（２−２−３−２）基本レイアウト記憶領域
基本レイアウト記憶領域２５４には、後述する処理部２６０の生成部２６２により画面遷移図が生成される際に用いられる基本レイアウトが記憶される。基本レイアウトは、言い換えれば、画面遷移図を描画する際のルールである。
【００８０】
基本レイアウト記憶領域２５４には、複数の基本レイアウトが記憶される。本実施形態では、標準レイアウト、階層状レイアウト、及び放射状レイアウトの３種類の基本レイアウトが記憶されている。各基本レイアウトに関しては、処理部２６０の生成部２６２に関する説明の中で説明する。
【００８１】
なお、本実施形態では、基本レイアウトの種類は３種類であるが、これに限定されるものではない。基本レイアウトの種類は、２種類又は４種類以上であってもよい。また、基本レイアウトの種類は１種類であってもよい。ただし、画面の数や、各画面がどの画面に遷移するように構成されているか等によらず、見やすい画面遷移図を得られやすくするためには、基本レイアウトは複数存在することが好ましい。
【００８２】
（２−２−３−３）修正レイアウト記憶領域
修正レイアウト記憶領域２５６は、修正レイアウト記憶部の一例である。修正レイアウト記憶領域２５６は、後述する処理部２６０のレイアウト変更部２６４による変更後のレイアウトを記憶する。修正レイアウト記憶領域２５６に記憶される内容に関しては、レイアウト変更部２６４に関する説明と合わせて後述する。
【００８３】
（２−２−４）処理部
処理部２６０は、プログラム作成支援のための各種処理を行う。
【００８４】
特に、ここでは、処理部２６０の実行する処理のうち、画面遷移図の生成に関する処理と、生成された画面遷移図のレイアウト変更に関する処理と、について説明する。
【００８５】
処理部２６０は、画面遷移図の生成に関する処理を行う機能部として、生成部２６２を有する。処理部２６０は、生成された画面遷移図のレイアウト変更に関する処理を行う機能部としてレイアウト変更部２６４を有する。
【００８６】
（２−２−４−１）生成部
生成部２６２は、画面遷移情報記憶領域２５２に記憶されている画面遷移情報に基づいて画面遷移図を生成する。
【００８７】
生成部２６２の行う画面遷移図の生成処理について、具体例を上げて説明する。
【００８８】
例えば、プログラム作成支援システム１００を利用して、ユーザの利用するユーザ端末の表示部に、メニュー画面、製品一覧画面、製品検索画面、製品情報画面、構成品一覧画面、構成品情報画面、ドキュメント管理画面、環境設定画面の合計８つの画面を切り換えて表示させる画面遷移処理を含むプログラム、を作成する場合を例に説明する。
【００８９】
この場合、生成部２６２は、メニュー画面、商品一覧画面、製品検索画面、製品情報画面、構成品一覧画面、構成品情報画面、ドキュメント管理画面、環境設定画面を、それぞれ、要素Ｇ１，Ｇ２，Ｇ３，Ｇ４，Ｇ５，Ｇ６，Ｇ７，Ｇ８で表現した画面遷移図を生成する（図３〜図５参照）。生成部２６２は、遷移元画面における所定操作と、所定操作による遷移先画面と、を関連付けて記憶した画面遷移情報に基づいて、遷移元画面を表す要素と遷移先画面を表す要素とを線Ｌで繋いだ画面遷移図を生成する。線Ｌは、遷移元画面を表す要素から遷移先画面を表す要素へと向かう矢印である。線Ｌは、直線である。
【００９０】
生成部２６２は、基本レイアウト記憶領域２５４に記憶されている基本レイアウトに従い画面遷移図を生成する。生成部２６２は、前述したように受付部２２０が受け付けた１の基本レイアウトの選択に基づいて、受付部２２０が受け付けた基本レイアウトに従い画面遷移図を生成する。
【００９１】
生成部２６２が画面遷移図の生成に用いる３種類の基本レイアウト（標準レイアウト、階層状レイアウト、及び放射状レイアウト）について、図３から図５を用いて説明する。
【００９２】
図３に示す画面遷移図Ａ１は、標準レイアウトに従って生成部２６２により生成される画面遷移図の一例である。
【００９３】
標準レイアウトに従って画面遷移図Ａ１を生成する場合、生成部２６２は、例えば、画面を表す要素Ｇ１〜Ｇ８をそれぞれ所定の位置に配置する。例えば、生成部２６２は、画面を表す要素Ｇ１〜Ｇ８を、図３のように２行４列に配置する。そして、生成部２６２は、画面遷移情報に基づいて、遷移元画面と遷移先画面とを線Ｌで繋いで画面遷移図を生成する。生成部２６２は、例えば、同じ行に配置される要素Ｇ１〜Ｇ８間を線Ｌで繋ぐ場合には、遷移元画面を表す矩形状の要素Ｇ１〜Ｇ８のいずれかの辺の中点と、遷移先画面を表す矩形状の要素Ｇ１〜Ｇ８のいずれかの辺の中点とを、直線の長さが最短になるように直線Ｌで結ぶ。生成部２６２は、例えば、異なる行に配置される要素Ｇ１〜Ｇ８間を線Ｌで繋ぐ場合には、上段に配置される矩形状の要素Ｇ１〜Ｇ８の下方の辺の中点と、下段に配置される矩形状の要素Ｇ１〜Ｇ８の上方の辺の中点とを、直線Ｌで結ぶ。このようにして、生成部２６２は標準レイアウトに従って画面遷移図Ａ１を生成する。
【００９４】
図４に示す画面遷移図Ａ２は、階層状レイアウトに従って生成部２６２により生成される画面遷移図の一例である。
【００９５】
階層状レイアウトに従って画面遷移図Ａ２を生成する場合、生成部２６２は、まず画面遷移情報記憶領域２５２に記憶されている情報に基づいて、各要素Ｇ１〜Ｇ８の階層を決定する。例えば、生成部２６２は、いずれの画面に対しても遷移先画面とはならない画面を表す要素（図４の例では要素Ｇ１）を第１階層と決定する。なお、第１階層の要素は、生成部２６２により決定される代わりに、ユーザの選択により決定されてもよい。続いて、生成部２６２は、第１階層の要素が表している画面からのみ遷移可能な画面を表す要素（図４の例では要素Ｇ２，Ｇ５，Ｇ８）を第２階層と決定する。さらに、生成部２６２は、第２階層の要素が表している画面から遷移可能で、まだ階層が決定されていない画面を表す要素（図４の例では要素Ｇ３，Ｇ４，Ｇ６）を第３階層と決定する。さらに、生成部２６２は、第３階層の要素が表している画面から遷移可能で、まだ階層が決定されていない画面を表す要素（図４の例では要素Ｇ７）を第４階層と決定する。そして、生成部２６２は、要素Ｇ１〜Ｇ８を階層別に並べて、同一階層に属する画面を表す要素Ｇ１〜Ｇ８を図４のように同一列に並べて配置する。そして、生成部２６２は、画面遷移情報に基づいて、遷移元画面と遷移先画面とを線Ｌで繋いで画面遷移図を生成する。生成部２６２は、例えば、遷移元画面を表す矩形状の要素Ｇ１〜Ｇ８のいずれかの辺の中点と、遷移先画面を表す矩形状の要素Ｇ１〜Ｇ８のいずれかの辺の中点とを、直線の長さが最短になるように直線Ｌで結ぶ。このようにして、生成部２６２は、階層状レイアウトに従って画面遷移図Ａ２を生成する。
【００９６】
図５に示す画面遷移図Ａ３は、放射状レイアウトに従って生成部２６２により生成される画面遷移図の一例である。
【００９７】
放射状レイアウトに従って画面遷移図Ａ３を生成する場合、生成部２６２は、まず画面遷移情報記憶領域２５２に記憶されている情報に基づいて、いずれの画面に対しても遷移先画面とはならない画面を表す１つの要素（図５の例では要素Ｇ１）を、画面遷移図Ａ３の中心に配置する要素と決定する。なお、画面遷移図Ａ３の中心に配置する要素は、生成部２６２により決定される代わりに、ユーザの選択により決定されてもよい。続いて、生成部２６２は、画面遷移図Ａ３の中心に配置する要素の周りに、等角度で残りの要素Ｇ２〜Ｇ８を配置する。そして、生成部２６２は、画面遷移情報に基づいて、遷移元画面と遷移先画面とを線Ｌで繋いで画面遷移図を生成する。生成部２６２は、例えば、遷移元画面を表す矩形状の要素Ｇ１〜Ｇ８のいずれかの辺の中点と、遷移先画面を表す矩形状の要素Ｇ１〜Ｇ８のいずれかの辺の中点とを、直線の長さが最短になるように直線Ｌで結ぶ。このようにして、生成部２６２は、放射状レイアウトに従って画面遷移図Ａ３を生成する。
【００９８】
なお、上記の各レイアウトによる生成部２６２による画面遷移図の生成方法は例示であって、これに限定されるものではない。要素Ｇ１〜Ｇ８の配置方法や、要素Ｇ１〜Ｇ８間を結ぶ線Ｌの描画方法には、他の様々なバリエーションを取り得る。
【００９９】
上記の様にして生成された画面遷移図Ａ１，Ａ２，Ａ３は、出力部２１０により画面遷移図の作成を指示したユーザ端末の表示部にプログラム作成用補助画面として表示される。例えば、ユーザ端末１０Ａから、標準レイアウトで画面遷移図を生成する操作を受付部２２０が受け付けた場合には、生成部２６２により画面遷移図Ａ１が生成される。そして、出力部２１０により、ユーザ端末１０Ａの表示部３０Ａに画面遷移図Ａ１が、プログラム作成用補助画面として表示させられる。
【０１００】
なお、プログラム作成支援システム１００を生成部２６２は、複数の基本レイアウトの中の第１基本レイアウトに従い画面遷移図を生成した後に、受付部２２０が複数の基本レイアウトの中の、第１基本レイアウトとは異なる第２基本レイアウトの選択を受け付けると、第２基本レイアウトに従い画面遷移図を再度生成する。
【０１０１】
例えば、生成部２６２が複数の基本レイアウトの中の標準レイアウトに従い画面遷移図Ａ１（図３参照）を生成した後に、受付部２２０が階層状レイアウトの選択を受け付けたとする。この場合、生成部２６２は、階層状レイアウトに従い画面遷移図Ａ２（図４参照）を生成する。このように構成されることで、ある基本レイアウトに従って作成された画面遷移図では複数の線Ｌが重なって見難い等の問題がある場合にも、ユーザは、それよりも見やすい画面遷移図を得られやすい。
【０１０２】
（２−２−４−２）レイアウト変更部
上記のように、受付部２２０が画面遷移図の作成指示と、画面遷移図の作成に用いる基本レイアウトと、を受け付けると、生成部２６２により選択された基本レイアウトに従った画面遷移図が生成される。しかし、生成部２６２により生成される画面遷移図には、見やすさの観点から改善の余地がある場合もある。
【０１０３】
本プログラム作成支援システム１００では、ユーザは、表示部３０Ａに表示される画面遷移図のレイアウト修正操作を、入力部２０Ａを用いて行うことが可能に構成されている。
【０１０４】
具体的には、例えば、ユーザは、レイアウト修正操作として、表示部３０Ａに表示されている生成部２６２により生成された画面遷移図、例えば画面遷移図Ａ２において、入力部２０Ａを用いて要素Ｇ１〜Ｇ８の位置を移動させる操作を行う。例えば、ユーザは、入力部２０Ａのマウス操作（例えばドラッグ・アンド・ドロップ）により、表示部３０Ａに表示される画面遷移図Ａ２における、画面を表す要素Ｇ１〜Ｇ８の位置を移動させる。このような画面遷移図のレイアウト修正操作は、受付部２２０により受け付けられる。
【０１０５】
そして、レイアウト変更部２６４は、受付部２２０が受け付けたレイアウト修正操作に応じて、画面遷移図Ａ２のレイアウトを変更する。具体的には、レイアウト変更部２６４は、画面遷移図Ａ２の要素Ｇ１〜Ｇ８の位置を、受付部２２０が受け付けたレイアウト修正操作通りに変更する。また、レイアウト変更部２６４は、要素Ｇ１〜Ｇ８の位置の変更に応じて、画面の遷移を示す線Ｌの再描画を行う。レイアウト変更部２６４は、例えば、位置変更後の要素Ｇ１〜Ｇ８について、遷移元画面を表す矩形状の要素Ｇ１〜Ｇ８のいずれかの辺の中点と、遷移先画面を表す矩形状の要素Ｇ１〜Ｇ８のいずれかの辺の中点とを、直線の長さが最短になるように線Ｌで結ぶ。このようにしてレイアウトが変更された画面遷移図、例えば、画面遷移図Ａ２ａ（図６参照）や、画面遷移図Ａ２ｂ（図７参照）が生成され、レイアウト修正操作を行ったユーザ端末の表示部、例えばユーザ端末１０Ａの表示部３０Ａに、出力部２１０により表示させられる。
【０１０６】
なお、ユーザが、入力部２０Ａを用いて行う、表示部３０Ａに表示される画面遷移図のレイアウト修正操作は、上記のものに限定されるものではない。例えば、ユーザは、画面遷移図に対し、画面遷移図の要素Ｇ１〜Ｇ８間の間隔を一括して拡縮するレイアウト修正操作を、入力部２０Ａを用いて行ってもよい。また、レイアウト修正操作は、画面遷移図の要素Ｇ１〜Ｇ８の位置を変更する代わりに、あるいは要素Ｇ１〜Ｇ８の位置の変更に加えて、要素Ｇ１〜Ｇ８上の線Ｌの始点や終点の位置を変更する（例えば、線Ｌの始点や終点の位置を、要素Ｇ１〜Ｇ８の辺上の任意の点に変更する）操作であってもよい。レイアウト修正操作がこのような操作である場合にも、レイアウト変更部２６４は、このレイアウト修正操作に応じて、画面遷移図のレイアウトを変更する。
【０１０７】
なお、ユーザは、ユーザ端末の表示部に表示される画面上で、レイアウト保存ボタンを押下する等のレイアウト保存操作を行うことで、レイアウト修正後の画面遷移図のレイアウトを修正レイアウト記憶領域２５６に記憶させることができる。修正レイアウト記憶領域２５６には、例えばレイアウト変更後の画面遷移図（画面遷移図Ａ２ａや画面遷移図Ａ２ｂ）における、画面を表す要素Ｇ１〜Ｇ８の位置や、線Ｌの位置が記憶される。
【０１０８】
このように、レイアウト変更部２６４による変更後のレイアウトを記録可能しておくことで、ユーザは、画面遷移図を生成するたびにレイアウトを修正する手間を省くことができる。
【０１０９】
なお、プログラム作成支援システム１００は、修正レイアウト記憶領域２５６にレイアウトが記憶されている場合には、画面遷移図の生成指示操作を行う時に、ユーザが、修正レイアウト記憶領域２５６に記憶されたレイアウトを、生成部２６２が画面遷移図を生成する際に用いるレイアウトとして選択することができるように構成されてもよい。また、プログラム作成支援システム１００は、修正レイアウト記憶領域２５６にレイアウトが記憶されている場合には、生成部２６２が自動的に修正レイアウト記憶領域２５６に記憶されたレイアウトで画面遷移図を生成するように構成されてもよい。
【０１１０】
（２−２−５）データベース
データベース３００は、例えばハードディスクに記憶され、処理部２６０により管理されている。
【０１１１】
データベース３００には、プログラム作成支援システム１００を用いてプログラムを作成する際に定義されたＤＢテーブル３１０，３２０，３３０，３４０，３５０（データベース・テーブル３１０，３２０，３３０，３４０，３５０）を含む。なお、図１では、データベース３００は５つのＤＢテーブル３１０−３５０を含むが、ＤＢテーブルの数は５つに限定されるものではない。ＤＢテーブルの数は作成されるプログラムに応じて、適宜決定されればよい。ＤＢテーブルは５個未満でもよいし、６個以上であってもよい。
【０１１２】
（３）画面遷移図に関する処理
（３−１）画面遷移図の生成及び表示部への表示に関する処理
プログラム作成支援システム１００が、画面遷移図を生成し、ユーザ端末の表示部に表示させる際の処理の流れについて、図８のフローチャートを用いて説明する。ここでは、ユーザがユーザ端末１０Ａからプログラム作成支援システム１００を利用する場合を例に、処理の流れを説明する。
【０１１３】
まず、ステップＳ１では、ユーザは、ユーザ端末１０Ａにおいて画面遷移図の生成指示操作を行う。ユーザは、表示部３０Ａに表示されるプログラム作成用画面において、入力部２０Ａを用いて、プログラム作成支援システム１００に画面遷移図の生成を指示する操作を行う。ユーザは、画面遷移図の生成指示操作として、例えば、表示部３０Ａに表示されるプログラム作成用画面中の画面遷移図生成ボタン（図示せず）を、入力部２０Ａのマウスを用いて押下する。
【０１１４】
ステップＳ２では、受付部２２０が、ユーザ端末１０Ａにおける画面遷移図の生成指示操作（ユーザ端末１０Ａの入力部２０Ａから入力された画面遷移図の生成を指示する操作）を受け付ける。
【０１１５】
次にステップＳ３では、ユーザは、ユーザ端末１０Ａにおいて画面遷移図のレイアウト選択操作を行う。ユーザは、表示部３０Ａに表示されるプログラム作成用画面において、入力部２０Ａを用いて、画面遷移図のレイアウトを選択する操作を行う。ユーザは、画面遷移図のレイアウト選択操作として、例えば、プログラム作成用画面中の複数のレイアウト選択ボタン（図示せず）の１つを、入力部２０Ａのマウスを用いて押下する。
【０１１６】
なお、プログラム作成支援システム１００は、例えば、ユーザが、基本レイアウト記憶領域２５４に記憶されている複数の基本レイアウトの中から１つのレイアウトを選択できるように構成されている。プログラム作成支援システム１００は、修正レイアウト記憶領域２５６にレイアウトが記憶されている場合には、ユーザが、基本レイアウト記憶領域２５４に記憶されている複数の基本レイアウト及び修正レイアウト記憶領域２５６に記憶されているレイアウトの中から、１つのレイアウトを選択できるように構成されていてもよい。
【０１１７】
ステップＳ４では、受付部２２０が、ユーザ端末１０Ａにおけるレイアウト選択操作を受け付ける。言い換えれば、受付部２２０は、複数のレイアウトの中の１のレイアウトの選択を受け付ける。
【０１１８】
次に、ステップＳ５では、生成部２６２は、ユーザに選択されたレイアウト（受付部２２０がステップＳ４で受け付けたレイアウト）に従い画面遷移図を生成する。
【０１１９】
ステップＳ６では、出力部２１０が、生成部２６２が生成した画面遷移図を、ユーザ端末１０Ａの表示部３０Ａに表示させる。
【０１２０】
このようにして、画面遷移図の生成、及びユーザ端末１０Ａの表示部３０Ａへの表示が行われる。
【０１２１】
なお、ユーザが、上記のステップＳ３で選択した以外のレイアウトで生成された画面遷移図が表示部３０Ａに表示されることを希望する場合には、ステップＳ３からステップＳ６の工程が再度行われればよい。
【０１２２】
（３−２）画面遷移図のレイアウト変更処理
プログラム作成支援システム１００における画面遷移図のレイアウト変更処理の流れについて、図９のフローチャートを用いて説明する。ここでは、生成部２６２により生成された画面遷移図Ａ２のレイアウト変更処理が行われる場合を例に、処理の流れを説明する。また、ここでは、ユーザがユーザ端末１０Ａからプログラム作成支援システム１００を利用する場合を例に、処理の流れを説明する。
【０１２３】
まず、ステップＳ１１では、ユーザは、ユーザ端末１０Ａにおいて、表示部３０Ａに表示される画面遷移図Ａ２のレイアウト修正操作を行う。ユーザは、画面遷移図Ａ２のレイアウト修正操作として、例えば、入力部２０Ａのマウスの操作（例えばドラッグ・アンド・ドロップ）により、表示部３０Ａに表示される画面遷移図Ａ２における、画面を表す要素Ｇ１〜Ｇ８の位置を移動させる。
【０１２４】
ステップＳ１２では、受付部２２０が、ユーザ端末１０Ａにおける画面遷移図Ａ２のレイアウト修正操作を受け付ける。
【０１２５】
ステップＳ１３では、レイアウト変更部２６４が、受付部２２０が受け付けたレイアウト修正操作に応じて、画面遷移図Ａ２のレイアウトを変更する。レイアウト変更部２６４は、例えば、画面遷移図Ａ２の要素Ｇ１〜Ｇ８の位置を、受付部２２０が受け付けたレイアウト修正操作通りに変更する。また、レイアウト変更部２６４は、要素Ｇ１〜Ｇ８の位置変更に応じて、画面の遷移を示す線Ｌの再描画を行う。
【０１２６】
ステップＳ１４では、出力部２１０が、レイアウト変更部２６４によりレイアウトが変更された画面遷移図（例えば、図６の画面遷移図Ａ２ａや、図７の画面遷移図Ａ２ｂ）を、ユーザ端末１０Ａの表示部３０Ａに表示させる。
【０１２７】
図９では、ステップＳ１１〜ステップＳ１４の処理が一度しか実施されていない。しかし、例えば、画面遷移図Ａ２において、要素Ｇ１〜Ｇ８の中の複数を元の位置から移動させるレイアウト修正操作が行われた場合には、ステップＳ１１〜ステップＳ１４は複数回行われる。
【０１２８】
ステップＳ１５では、ユーザは、ユーザ端末１０Ａにおいてレイアウト保存操作を行う。ユーザは、レイアウト保存操作として、例えば、表示部３０Ａに表示されるレイアウト保存ボタンを、入力部２０Ａのマウスで押下する。
【０１２９】
次に、ステップＳ１６では、受付部２２０が、ユーザ端末１０Ａにおけるレイアウト保存操作を受け付ける。
【０１３０】
ステップＳ１７では、記憶部２５０の修正レイアウト記憶領域２５６に、レイアウト変更部２６４による変更後のレイアウトが記憶される。修正レイアウト記憶領域２５６には、例えば、レイアウトが変更された画面遷移図（例えば、図６の画面遷移図Ａ２ａや、図７の画面遷移図Ａ２ｂ）における要素Ｇ１〜Ｇ８の位置や、線Ｌの位置が、変更後のレイアウトとして記憶される。
【０１３１】
他の例では、レイアウト変更部２６４による変更後のレイアウトに加えて、又は、レイアウト変更部２６４による変更後のレイアウトに代えて、レイアウトが変更された画面遷移図（例えば、図６の画面遷移図Ａ２ａや、図７の画面遷移図Ａ２ｂ）そのものが、記憶部２５０に記憶されてもよい。
【０１３２】
このようにして、画面遷移図のレイアウト変更処理が行われる。
【０１３３】
なお、レイアウト変更部２６４による変更後のレイアウトを保存しておく必要がない場合には、ステップＳ１５〜ステップＳ１７の処理は実行されなくてもよい。
【０１３４】
（４）特徴
（４−１）
上記実施形態に係るプログラム作成支援システム１００は、画面における所定操作によって他の画面に遷移する画面遷移処理を含むプログラムの作成を支援する。プログラム作成支援システム１００は、記憶部２５０の画面遷移情報記憶領域２５２と、処理部２６０の生成部２６２と、出力部２１０と、を備える。画面遷移情報記憶領域２５２は、画面遷移情報記憶部の一例である。画面遷移情報記憶領域２５２は、各画面における所定操作と、所定操作による遷移先の画面と、を関連付けて、画面遷移情報として記憶する。生成部２６２は、画面遷移図Ａ１，Ａ２，Ａ３を画面遷移情報に基づいて生成する。画面遷移図Ａ１，Ａ２，Ａ３では、画面遷移処理における画面の遷移が、各画面を表す要素Ｇ１〜Ｇ８と、画面の遷移を示す線Ｌと、で表現される。出力部２１０は、生成された画面遷移図Ａ１，Ａ２，Ａ３を表示部３０Ａに表示させる。
【０１３５】
上記実施形態に係るプログラム作成支援システム１００では、各画面を表す要素Ｇ１〜Ｇ８と、画面の遷移を示す線Ｌとで画面の遷移が表現された画面遷移図Ａ１，Ａ２，Ａ３が生成され、表示部３０Ａに表示させられる。そのため、プログラムの作成作業者（プログラム作成支援システム１００を利用するユーザ）が、作成中のプログラムにおける画面遷移処理の流れを正確かつ容易に認識できる。
【０１３６】
（４−２）
上記実施形態に係るプログラム作成支援システム１００では、生成部２６２は、基本レイアウトに従い画面遷移図を生成する。基本レイアウトは、複数準備されている。
【０１３７】
本実施形態では、３つの基本レイアウト（標準レイアウト、階層状レイアウト、及び放射状レイアウト）が準備されている。生成部２６２は、標準レイアウトに従い画面遷移図Ａ１を、階層状レイアウトに従い画面遷移図Ａ２を、放射状レイアウトに従い画面遷移図Ａ３を、それぞれ生成する。
【０１３８】
上記実施形態に係るプログラム作成支援システム１００では、複数の基本レイアウトに従い画面遷移図Ａ１，Ａ２，Ａ３が作成される。そのため、画面の数や、各画面がどの画面に遷移するように構成されているか等によらず、最適な画面遷移図Ａ１，Ａ２，Ａ３が得られやすい。
【０１３９】
（４−３）
上記実施形態に係るプログラム作成支援システム１００は、選択受付部の一例としての受付部２２０を備える。受付部２２０は、複数の基本レイアウトの中の、１の基本レイアウトの選択を受け付ける。生成部２６２は、受付部２２０が受け付けた基本レイアウトに従い画面遷移図Ａ１，Ａ２，Ａ３を生成する。
【０１４０】
上記実施形態に係るプログラム作成支援システム１００では、選択された基本レイアウトに従い画面遷移図Ａ１，Ａ２，Ａ３が作成される。そのため、プログラムの作成作業者は、図の見やすさや、好みに応じて、最適な画面遷移図Ａ１，Ａ２，Ａ３を選択して利用することができる。
【０１４１】
（４−４）
上記実施形態に係るプログラム作成支援システム１００では、生成部２６２は、複数の基本レイアウトの中の第１基本レイアウトに従い画面遷移図を生成した後に、受付部２２０が複数の基本レイアウトの中の、第１基本レイアウトとは異なる第２基本レイアウトの選択を受け付けると、第２基本レイアウトに従い画面遷移図を再度生成する。
【０１４２】
例えば、生成部２６２が複数の基本レイアウトの中の標準レイアウトに従い画面遷移図Ａ１を生成した後に、受付部２２０が階層状レイアウトの選択を受け付けたとする。この場合、生成部２６２は、階層状レイアウトに従い画面遷移図Ａ２を生成する。
【０１４３】
上記実施形態に係るプログラム作成支援システム１００では、１つの基本レイアウトに従い画面遷移図Ａ１，Ａ２，Ａ３が作成された後に、選択された他の基本レイアウトに従い画面遷移図Ａ１，Ａ２，Ａ３が作成される。そのため、プログラムの作成作業者は、レイアウトの異なる画面遷移図Ａ１，Ａ２，Ａ３を見比べて、最適な画面遷移図Ａ１，Ａ２，Ａ３を選択して利用することができる。
【０１４４】
（４−５）
上記実施形態に係るプログラム作成支援システム１００は、修正操作受付部の一例としての受付部２２０と、レイアウト変更部２６４と、を備える。受付部２２０は、表示部に表示させられる画面遷移図Ａ１，Ａ２，Ａ３のレイアウト修正操作を受け付ける。レイアウト変更部２６４は、レイアウト修正操作に応じて画面遷移図Ａ１，Ａ２，Ａ３のレイアウトを変更する。
【０１４５】
例えば、受付部２２０は、表示部３０Ａに表示させられる画面遷移図Ａ２のレイアウト修正操作を受け付ける。レイアウト変更部２６４は、レイアウト修正操作に応じて画面遷移図Ａ２のレイアウトを変更する。その結果、レイアウト変更部２６４によりレイアウトが変更された画面遷移図Ａ２ａ（図６参照）や、画面遷移図Ａ２ｂ（図７参照）が生成される。
【０１４６】
上記実施形態に係るプログラム作成支援システム１００では、プログラムの作成作業者が画面遷移図Ａ１，Ａ２，Ａ３のレイアウト修正を行うことができる。そのため、プログラムの作成作業者は、自動で作成された画面遷移図Ａ１，Ａ２，Ａ３を更に利用しやすい画面遷移図へと修正することができる。
【０１４７】
（４−６）
上記実施形態に係るプログラム作成支援システム１００は、記憶部２５０の修正レイアウト記憶領域２５６を備える。修正レイアウト記憶領域２５６は、修正レイアウト記憶部の一例である。修正レイアウト記憶領域２５６には、レイアウト変更部２６４による変更後のレイアウトが記憶される。
【０１４８】
上記実施形態に係るプログラム作成支援システム１００では、プログラムの作成作業者にとって利用しやすいレイアウト（修正レイアウト）を記憶できる。そのため、プログラムの作成作業者は、画面遷移図Ａ１，Ａ２，Ａ３が生成されるたびにレイアウトの修正作業を行う手間を省くことができる。
【０１４９】
（５）変形例
以下に上記実施形態の変形例を示す。変形例は、互いに矛盾しないかぎり適宜組み合わされてもよい。
【０１５０】
（５−１）変形例Ａ
上記実施形態では、生成部２６２は、画面を表す要素Ｇ１〜Ｇ８を、画面の遷移を表すＬで結んだ画面遷移図Ａ１，Ａ２，Ａ３を生成する。しかし、生成部２６２の生成する画面遷移図は、このような画面遷移図に限定されるものではない。
【０１５１】
例えば、上記実施形態のように、各画面における所定操作が、各画面に設けられたボタン（例えば図２のように画面Ｃに設けられたボタンＢ１，Ｂ２，Ｂ３，Ｂ４）に対する操作である場合、生成部２６２は図１０に示すような画面遷移図Ａ４を生成してもよい。
【０１５２】
画面遷移図Ａ４では、各画面を表す要素Ｇ１〜Ｇ８と対応する位置に、その画面に設けられたボタンを表すサブ要素Ｅ１１，Ｅ１２，Ｅ１３，Ｅ１４，Ｅ２１，Ｅ２２，Ｅ２３，Ｅ３１，Ｅ４１，Ｅ４２，Ｅ５１が描画される。各画面を表す要素と対応する位置に、その画面に設けられたボタンを表すサブ要素を描画するとは、サブ要素が表現しているボタンが、各要素が表現している画面内に設けられていることが明確になる対応で、ボタンを表すサブ要素が描画されていることをいう。具体的な態様としては、ボタンを表すサブ要素Ｅ１１，Ｅ１２，Ｅ１３，Ｅ１４，Ｅ２１，Ｅ２２，Ｅ２３，Ｅ３１，Ｅ４１，Ｅ４２，Ｅ５１は、図１０の画面遷移図Ａ４のように、そのボタンが設けられた画面を表す要素の中に描画される。ただし、このような態様に限定されるものではなく、ボタンを表すサブ要素Ｅ１１，Ｅ１２，Ｅ１３，Ｅ１４，Ｅ２１，Ｅ２２，Ｅ２３，Ｅ３１，Ｅ４１，Ｅ４２，Ｅ５１は、例えば、そのボタンが設けられた画面を表す要素と隣接して描画されてもよい。
【０１５３】
そして、画面遷移図Ａ４では、ボタンを表すサブ要素Ｅ１１，Ｅ１２，Ｅ１３，Ｅ１４，Ｅ２１，Ｅ２２，Ｅ２３，Ｅ３１，Ｅ４１，Ｅ４２，Ｅ５１と、そのボタンに対する操作が行われた時の遷移先の画面を表す要素と、が線Ｌで結ばれている。例えば、画面遷移図Ａ４では、メニュー画面（画面Ｃ）に設けられた製品検索ボタン（ボタンＢ１）を表すサブ要素Ｅ１１と、製品検索ボタンに対する操作（押下操作）が行われた時の遷移先の画面を表す要素Ｇ３と、が線Ｌで結ばれている。
【０１５４】
このように構成されることで、プログラムの作成作業者は、各画面に設けられたボタン対して行われた操作により、どのように画面遷移が起こるのかを正確かつ容易に把握することができる。
【０１５５】
（５−２）変形例Ｂ
上記実施形態では、サーバ２００は、データベース３００を管理するデータベースサーバとしても機能する。ただし、これに限定されるものではない。
【０１５６】
例えば、プログラム作成支援システム１００は、サーバ２００とは別に、データベース３００を管理するデータベースサーバを有していてもよい。
【０１５７】
また、データベース３００は、プログラム作成支援システム１００を構成するサーバ２００とネットワーク５０により接続された、プログラム作成支援システム１００の外部のデータベースサーバにより管理されるものであってもよい。
【０１５８】
（５−３）変形例Ｃ
上記実施形態では、プログラム作成支援システム１００のユーザは、ユーザ端末１０Ａ，１０Ｂ，１０Ｃからプログラム作成支援システム１００を利用してプログラムを作成するが、これに限定されるものではない。
【０１５９】
例えば、ユーザは、ユーザ端末１０Ａの入力部２０Ａ及び表示部３０Ａを利用してプログラムの作成作業を行う代わりに、サーバ２００の入力部２３０及び表示部２４０を利用してプログラムの作成作業を行ってもよい。この場合、プログラム作成支援システム１００を構成するサーバ２００は、ネットワーク５０を介してユーザ端末１０Ａ，１０Ｂ，１０Ｃと通信可能に構成されていなくてもよい。言い換えれば、プログラム作成支援システム１００は、ＣＰＵがハードディスクに記憶されているプログラム作成支援用のソフトウェアをメモリに読みだして実行することで、上記実施形態に記載したような処理を実行する、スタンドアローンのコンピュータにより構成されるものであってもよい。
【０１６０】
（５−４）変形例Ｄ
上記実施形態では、画面遷移図において、画面を表す要素として矩形が用いられているが、これに限定されるものではない。画面を表す要素は、矩形以外の図形で表されてもよい。また、画面を表す要素は図形でなくてもよく、実際の画面を縮小表示したサムネイル等であってもよい。また、画面を表す要素の大きさ、形状、表示色等は、全て同一である必要はなく、要素毎に異なっていてもよい。
【０１６１】
（５−５）変形例Ｅ
上記実施形態では、画面遷移図において、画面の遷移を表す線Ｌは、それぞれ１本の直線であるが、これに限定されるものではない。例えば、画面の遷移を表す線Ｌ（遷移元の画面を表す要素と、遷移先の画面を表す要素と、を結ぶ線）は、複数の直線を繋いだものであってもよい。また、線Ｌは曲線であってもよい。
【０１６２】
（５−６）変形例Ｆ
上記実施形態では、画面遷移図の生成時に、毎回基本レイアウトの選択が行われるが、これに限定されるものではない。
【０１６３】
例えば、予め受付部２２０により受け付けられたユーザの基本レイアウトの選択が、記憶部２５０に記憶されていてもよい。生成部２６２は、記憶部２５０に記憶された予め選択されていた基本レイアウトに従い画面遷移図を生成してもよい。
【０１６４】
また、生成部２６２は、ユーザが画面遷移図の生成指示操作を行うと、デフォルトで設定されている１の基本レイアウトに従い画面遷移図を生成するよう構成されてもよい。そして、生成部２６２は、受付部２２０がデフォルトで設定されている基本レイアウト以外の他の基本レイアウトの選択を受け付けた時に、受付部２２０が受け付けた選択された基本レイアウトで画面遷移図を生成するよう構成されてもよい。
【０１６５】
（５−７）変形例Ｇ
上記実施形態では、生成部２６２は、１の基本レイアウトに従い画面遷移図を生成し、出力部２１０は、生成した１の画面遷移図をユーザ端末１０Ａ，１０Ｂ，１０Ｃの表示部３０Ａ，３０Ｂ，３０Ｃに表示させる。ただし、これに限定されるものではない。
【０１６６】
例えば、生成部２６２は、基本レイアウト記憶領域２５４に記憶されている全ての基本レイアウトに従い複数の画面遷移図を生成し、出力部２１０は、生成された複数の画面遷移図をユーザ端末１０Ａ，１０Ｂ，１０Ｃの表示部３０Ａ，３０Ｂ，３０Ｃに同時に表示させてもよい。このように構成されることで、ユーザは、どの基本レイアウトの画面遷移図が見やすいかを一見して把握することが容易である。このように構成される場合には、例えば、ユーザが複数表示された画面遷移図の中から１の画面遷移図を選択して、その画面遷移図を表示部に大きく表示させることが可能に構成されることが好ましい。
【産業上の利用可能性】
【０１６７】
本プログラム作成支援システムでは、画面遷移処理を含むプログラムの作成時に、プログラムの作成作業者が画面遷移処理の流れを正確かつ容易に認識でき有用である。
【符号の説明】
【０１６８】
３０Ａ，３０Ｂ，３０Ｃ  表示部
１００  プログラム作成支援システム
２１０  出力部
２２０  受付部（選択受付部、修正操作受付部）
２５２  画面遷移情報記憶領域（画面遷移情報記憶部）
２５６  修正レイアウト記憶領域（修正レイアウト記憶部）
２６２  生成部
２６４  レイアウト変更部
Ａ１，Ａ２，Ａ３，Ａ４  画面遷移図
Ｂ１，Ｂ２，Ｂ３，Ｂ４  ボタン
Ｃ  メニュー画面（画面）
Ｅ１１，Ｅ１２，Ｅ１３，Ｅ１４，Ｅ２１，Ｅ２２，Ｅ２３，Ｅ３１，Ｅ４１，Ｅ４２，Ｅ５１  ボタンを表すサブ要素
Ｇ１，Ｇ２，Ｇ３，Ｇ４，Ｇ５，Ｇ６，Ｇ７，Ｇ８  画面を表す要素
Ｌ  線
【先行技術文献】
【特許文献】
【０１６９】
【特許文献１】特開平１０−１０５３８９公報
【図１】
2017188047.tif 000003
【図２】
2017188047.tif 000004
【図３】
2017188047.tif 000005
【図４】
2017188047.tif 000006
【図５】
2017188047.tif 000007
【図６】
2017188047.tif 000008
【図７】
2017188047.tif 000009
【図８】
2017188047.tif 000010
【図９】
2017188047.tif 000011
【図１０】
2017188047.tif 000012