(57)【要約】【課題】スマートフォンアプリケーション（以下、スマホアプリと表記）の作成又は編集時の自由度を高め、効率的且つ容易に作成又は編集するシステムを提供する。【解決手段】スマホアプリ作成支援システム１であって、一以上のスマホアプリのページ構成要素を格納する記憶部１３と、ページ構成要素を使って、ＣＭＳ動作用端末２０の表示部２５と、スマホアプリ利用者端末３０の表示部３５に、同等の画面を表示させる制御部１１と、を備える。制御部１１は、マークアップ言語の入力を直接受け付けるための第１インターフェースと、スマホアプリと同じ画面で入力を受け付けるための第２インターフェースと、変更可能な入力フォームを含み、テキストの入力を直接受け付けるための第３インターフェースとを、選択的に表示部２５に表示させる。【選択図】図１
2018014073.tif 000002
【特許請求の範囲】
【請求項１】
一以上のスマートフォンアプリケーションのページ構成要素の作成又は編集を支援するスマートフォンアプリケーション作成支援システムであって
前記一以上のスマートフォンアプリケーションのページ構成要素を格納する記憶部と、
前記一以上のスマートフォンアプリケーションのページ構成要素を使って、前記一以上のスマートフォンアプリケーションのページ構成要素を作成又は編集するための端末の表示部と、一以上のスマートフォンアプリケーション利用者端末の表示部に、同等の画面を表示させる制御部と、
を備え、
前記制御部は、マークアップ言語の入力を直接受け付けるための第１インターフェースと、スマートフォンアプリケーションと同じ画面で入力を受け付けるための第２インターフェースと、変更可能な入力フォームを含み、テキストの入力を直接受け付けるための第３インターフェースとを、選択的に前記一以上のスマートフォンアプリケーションのページ構成要素を作成又は編集するための端末の表示部に表示させる、
スマートフォンアプリケーション作成支援システム。
【発明の詳細な説明】
【技術分野】
【０００１】  本発明は、スマートフォンアプリケーション（以下、「スマホアプリ」という。）の作成や編集を支援するスマホアプリ作成支援システムに関する。
【背景技術】
【０００２】  スマホアプリは、ＪＡＶＡやＯｂｊｅｃｔｉｖｅ−Ｃなどのプログラミング言語（以下、「プログラミング言語」という。）を用いて記述されたファイルを、コンパイルし、実行可能ファイルを作成する必要がある。ここでスマホアプリとは、スマートフォンやタブレットなどの端末で動作する、プログラミング言語で作成された、ひとつのアプリケーションのことをさす。【０００３】  このようにスマホアプリを作成するには、プログラミング言語を用いて作成されるもので、専門的な技術を理解しなければならず、その作成には時間やコストがかかっている。ページ構成要素を変更するだけでも、専門的な技術を必要とされることが多い。【０００４】  また、ホームページを効率的に作成することができるよう、コンテンツを構成するテキストや画像、レイアウト情報等を一元的に保存・管理し、サイトを構築したり編集したりするソフトウェアである、ＣＭＳ（Ｃｏｎｔｅｎｔｓ  Ｍａｎａｇｅｍｅｎｔ  Ｓｙｓｔｅｍ）が知られている。【０００５】  また、テンプレートアプリケーションから、先に設定されたウェブアプリケーションのアドレスにアクセスしてウェブページを取得して表示することができるスマホアプリを生成するシステムが知られている（例えば、特許文献１参照）。
【先行技術文献】
【特許文献】
【０００６】
【特許文献１】特開２０１５−０７６０８７号公報
【発明の概要】
【発明が解決しようとする課題】
【０００７】  スマホアプリを作成するには、従来プログラミング言語を用いて作成されるもので、専門的な技術を理解しなければならず、その作成には時間やコストがかかる。
ページ構成要素を変更するだけでも、専門的な技術を必要とされることが多いため、スマホアプリ開発後の運用にも時間やコストがかかる。
スマホアプリ開発では、指定のアドレスにアクセスしてウェブページを取得して表示することができるスマホアプリを開発すれば、開発工数を削減することは可能であるが、表示速度が遅くなることが多く、利用できる機能も限定される。【０００８】  上記点に鑑みて、本発明は、スマホアプリの作成又は編集時の自由度を高め、スマホアプリを効率的且つ容易に作成又は編集することを可能にするスマホアプリ作成支援システムを提供することを目的とする。
【課題を解決するための手段】
【０００９】  本発明の一側面に係るスマホアプリ作成支援システムは、一以上のスマホアプリのページ構成要素の作成又は編集を支援するスマホアプリ作成支援システムであって、一以上のページ構成要素を格納する記憶部と、一以上のページ構成要素を使って、一以上のスマホアプリのページ構成要素を作成又は編集するためのＣＭＳ動作用端末の表示部と、一以上のスマホアプリ利用者端末の表示部に、同等の画面を表示させる制御部と、を備える。【００１０】  制御部は、マークアップ言語の入力を直接受け付けるための第１インターフェースと、スマホアプリと同じ画面で入力を受け付けるための第２インターフェースと、変更可能な入力フォームを含み、テキストの入力を直接受け付けるための第３インターフェースとを、選択的にＣＭＳ動作用端末の表示部に表示させる。このため、スマホアプリ作成者は、自身のレベルに応じた入力画面を用いて入力作業を行うことができる。よって、スマホアプリ作成者は、スマホアプリのページ構成要素を効率的且つ容易に作成又は編集することができる。【００１１】  スマホアプリ利用者端末の表示部は、従来の指定のアドレスにアクセスしてウェブページを取得して表示する方法を利用せず、制御部より生成されたスマホアプリ利用者端末用のページ構成要素を、スマホアプリ利用者端末の制御部を介して表示する。
よって、スマホアプリ作成者は、機能の制限が少なく自由度の高いスマホアプリを容易に作成又は編集することができる。
【発明の効果】
【００１２】  本発明に係るスマホアプリ作成支援システムによれば、スマホアプリの作成又は編集時の自由度を高め、スマホアプリを効率的且つ容易に作成又は編集することを可能にする。
【図面の簡単な説明】
【００１３】
【図１】本発明の一実施形態に係るシステム全体の概略構成を示した図。
【図２】実施例１に係るスマホアプリ作成支援システムによる動作の流れを示すフローチャート。
【図３】実施例１に係る画面例を示す図。
【図４】実施例１に係る画面例を示す図面代用写真。
【図５】実施例１に係る画面例を示す図面代用写真。
【図６】実施例１に係る画面例を示す図面代用写真。
【図７】実施例１に係る画面例を示す図面代用写真。
【図８】実施例１に係る画面例を示す図面代用写真。
【図９】実施例１に係る画面例を示す図面代用写真。
【図１０】実施例２に係るスマホアプリ作成支援システムによる動作の流れを示すフローチャート。
【図１１】実施例２に係る画面例を示す図。
【図１２】実施例２に係る画面例を示す図面代用写真。
【図１３】実施例１に係る画面例を示す図面代用写真。
【図１４】実施例３に係る画面例を示す図面代用写真。
【図１５】実施例３に係る画面例を示す図面代用写真。
【図１６】実施例３に係る画面例を示す図面代用写真。
【図１７】実施例３に係る画面例を示す図面代用写真。
【図１８】実施例３に係る画面例を示す図面代用写真。
【図１９】実施例３に係る画面例を示す図面代用写真。
【図２０】実施例３に係る画面例を示す図面代用写真。
【図２１】実施例３に係る画面例を示す図面代用写真。
【図２２】実施例３に係る画面例を示す図面代用写真。
【発明を実施するための形態】
【００１４】  以下、図面を参照して、本発明の実施形態について説明する。
【実施例１】
【００１５】  図１は、本発明の一実施形態に係るスマホアプリ作成支援システム１（スマホアプリ作成支援システムの一例）の全体構成を概略的に示す図である。スマホアプリ作成支援システム１は、サーバ１０と、サーバ１０に有線又は無線により接続可能なＣＭＳ動作用端末２０と、サーバ１０に有線又は無線により接続可能なスマホアプリ利用者端末３０と、を備える。【００１６】  サーバ１０及びＣＭＳ動作用端末２０は、例えば、学校等の施設で利用されるコンピュータ装置である。サーバ１０及びＣＭＳ動作用端末２０は、お互いがインターネット、もしくはイントラネットやＬＡＮ等のネットワークにより接続される。また、スマホアプリ利用者端末３０は、例えば、スマートフォン端末である。サーバ１０及びスマホアプリ利用者端末３０は、お互いがインターネット等のネットワークにより接続される。【００１７】  サーバ１０は、制御部１１（制御部の一例）、記憶部１３（記憶部の一例）、及び通信部１５を備える。【００１８】  制御部１１は、演算機能を有するＣＰＵ、ＲＯＭ、作業用のＲＡＭ等を備えており、例えばＷｅｂアプリケーション１１０１及びその一部として機能するＣＭＳプログラム１１０３によってコンピュータ処理を実行する。【００１９】  ＣＭＳプログラム１１０３は、Ｗｅｂアプリケーションの一部の機能を実行するプログラムであり、後述するようにスマホアプリのページ構成要素１３０１の作成又は編集時の入力用のインターフェースを提供する。ＣＭＳプログラム１１０３は、後述するＣＭＳ動作用端末２０のＷｅｂブラウザ２１０１を介して、表示部２５に入力用のインターフェースを表示させる。また、ＣＭＳプログラム１１０３は、スマホアプリ利用者端末３０の表示部３５で利用されるページ構成要素１３０１の生成を行い、スマホアプリ３１０１を介して、スマホアプリ利用者端末３０の表示部３５に画面を表示させる。【００２０】  記憶部１３は、磁気記録媒体や、半導体メモリ、光記録媒体等により構成されるメモリである。なお、記憶部１３はサーバ１０内に備えられていてもよいし、別途接続されていてもよい。記憶部１３にはＣＭＳプログラム１１０３によって管理されるページ構成要素１３０１が格納されている。ページ構成要素１３０１は各スマホアプリページを構成するテキスト、ＨＴＭＬ、画像、動画、ページレイアウト、色パターン等を含む。ページ構成要素１３０１はデータベースにより構成され、管理されていてもよい。【００２１】  通信部１５は、サーバ１０をＣＭＳ動作用端末２０及びスマホアプリ利用者端末３０へ有線又は無線で接続する部分であり、例えば、ＬＡＮカード、インターネット等に接続するためのモデム、ルータ等、及び、これらを、伝送路を介して制御部１１と接続するためのインターフェース等により構成される。【００２２】  ＣＭＳ動作用端末２０は、例えば、デスクトップコンピュータ、ラップトップコンピュータ、携帯端末等である。複数のＣＭＳ動作用端末２０がサーバ１０に接続可能である。ＣＭＳ動作用端末２０は、スマホアプリを作成する施設の業務従事者等であって、ページ構成要素１３０１の作成又は編集のための入力を行う者（以下、ユーザと称する）により使用される。【０��２３】  ＣＭＳ動作用端末２０は、制御部２１と、入力部２３と、表示部２５と、通信部２７とを備える。【００２４】  制御部２１は、演算機能を有するＣＰＵ、ＲＯＭ、作業用のＲＡＭ等を備えており、例えばＷｅｂブラウザ２１０１によってコンピュータ処理を実行する。【００２５】  Ｗｅｂブラウザ２１０１は、ＣＭＳプログラム１１０３の実行により、後述するように表示部２５に入力用のインターフェースを表示させる。【００２６】  入力部２３は、キーボード、マウス、タッチパネル等により構成され、スマホアプリのページ構成要素１３０１を作成又は編集するユーザの入力動作を受け付ける。【００２７】  表示部２５は、液晶ディスプレイ（ＬＣＤ）や有機ＥＬディスプレイ等により構成され、例えばＷｅｂブラウザ２１０１によって提供される入力用のインターフェースを表示する。【００２８】  通信部２７は、ＣＭＳ動作用端末２０をサーバ１０へ有線又は無線で接続する部分であり、例えば、ＬＡＮカード、インターネット等に接続するためのモデム、ルータ等、及び、これらを、伝送路を介して制御部１１と接続するためのインターフェース等により構成される。【００２９】  スマホアプリ利用者端末３０は、例えば、スマートフォン、タブレット、ＰＣ、携帯端末等である。複数のスマホアプリ利用者端末３０が、インターネット回線を介してサーバ１０に接続可能である。スマホアプリ利用者端末３０は、スマホアプリを利用できる端末であって、スマホアプリ利用者により使用される。【００３０】  スマホアプリ利用者端末３０は、制御部３１と、入力部３３と、表示部３５と、通信部３７とを備える。【００３１】  制御部３１は、演算機能を有するＣＰＵ、ＲＯＭ、作業用のＲＡＭ等を備えており、例えばスマホアプリ３１０１によってコンピュータ処理を実行する。【００３２】  スマホアプリ３１０１は、ＣＭＳプログラム１１０３の実行により生成されるページ構成要素１３０１であるＨＴＭＬまたはＸＭＬ、ＪＳＯＮなどをもとに、表示部３５にＣＭＳ動作用端末２０の表示部２５に表示させる画面と同等の画面を表示させる。【００３３】  入力部３３は、キーボード、タッチパネル、ボタン等により構成され、スマホアプリ利用者の入力動作を受け付ける。【００３４】  表示部３５は、液晶ディスプレイ（ＬＣＤ）や有機ＥＬディスプレイ等により構成され、例えばスマホアプリ３１０１によって提供される画面を表示する。【００３５】  通信部３７は、スマホアプリ利用者端末３０をサーバ１０へ有線又は無線で接続する部分であり、例えば、データ通信機能、ＬＡＮカード、インターネット等に接続するためのモデム、ルータ等、及び、これらを、伝送路を介して制御部１１と接続するためのインターフェース等により構成される。【００３６】  上記スマホアプリ作成支援システム１は、制御部１１がＣＭＳプログラム１１０３を実行することにより、スマホアプリのページ構成要素１３０１の作成又は編集動作を実行する。以下、図２〜図９を参照しながら、スマホアプリのページ構成要素１３０１の作成又は編集動作について説明する。【００３７】  ユーザは、スマホアプリのページ構成要素１３０１の新規追加を行いたい場合（Ｓ１０１のＹｅｓ）、ＣＭＳ��作用端末２０の入力部２３を介して新規ページ作成のボタンを押下げる（Ｓ１０２）。このとき、例えば、図３に示すように、ＣＭＳ動作用端末２０の表示部２５の画面２５ａには、「新規ページを作成」ボタンＢ１が表示され、ユーザは同ボタンを選択する。また、図３には「新規ページを作成」ボタンＢ１の他に、ページを検索できる検索画面が表示される。【００３８】  一方、ユーザは、所定のスマホアプリのページ構成要素１３０１の編集を行いたい場合（Ｓ１０１のＮｏ）、表示されたスマホアプリページの一覧から、編集したいページを選択する（Ｓ１０３）。ページ一覧は、ユーザがＣＭＳ動作用端末２０の入力部２３を介した入力操作に応じて、ＣＭＳプログラム１１０３により表示される。このとき、例えば、図４に示すように、ＣＭＳ動作用端末２０の表示部２５の画面２５ａには、既存のスマホアプリページの一覧が表示される。ページ一覧には、各スマホアプリページのページ分類、ページ名、状態、最終更新者、入力の履歴等の項目が表示される。ユーザは、この一覧から編集したいページを選択する。なお、図４に示すページ一覧は、新規作成ボタンや検索画面（図３参照）と共に一画面に同時に表示される。【００３９】  更にユーザは、編集したいページの項目から入力用のインターフェースを選択する。入力用のインターフェースは複数有り、ＨＴＭＬ入力と、変更や追加が可能な入力フォームによる入力のうちいずれかから選択可能である。更に、ＨＴＭＬ入力用のインターフェースは、ＨＴＭＬを直接入力するためのインターフェースと、スマホアプリと同等の画面で入力するためのインターフェースとを含む。【００４０】  ＨＴＭＬ入力を選択する場合（Ｓ１０４のＮｏ）、ユーザは、入力操作により、例えば図４に示す「ＨＴＭＬ入力」欄Ｓ１の「ＨＴＭＬ入力」を選択する（Ｓ１０５）。そのままＨＴＭＬを直接入力して編集する場合（Ｓ１０６のＹｅｓ）、ユーザは、入力操作により、例えば図５に示すように画面２５ａに表示されたＨＴＭＬデータ（第１インターフェースの一例）を編集する（Ｓ１０７）。このとき、サーバ１０の制御部１１は、該当するページのページ構成要素１３０１であるＨＴＭＬデータを読み出し、表示部２５に表示させる（Ｓ１０７）。これにより、ユーザは、入力操作により、ＨＴＭＬデータを直接入力、修正する（Ｓ１０８）。入力、修正が終了すると、ユーザは、入力操作により保存ボタンを選択し（Ｓ１０９）、入力、修正したページ構成要素１３０１であるＨＴＭＬデータを保存し（Ｓ１１０）、処理を終了する。【００４１】  一方、ＨＴＭＬで直接編集しない場合（Ｓ１０６のＮｏ）、ユーザは、入力操作により、表示部２５に表示される「プレビュー編集」ボタン（図示省略）を選択し（Ｓ１１１）、プレビューの画面（第２インターフェースの一例）を介してＨＴＭＬを編集する。なお、プレビューの画面は、例えば図６に示すように、提供されるスマホアプリと同等の画面であり、ユーザは専門知識を必要とせずにスマホアプリのページ構成要素１３０１の編集が可能となる。このとき、サーバ１０の制御部１１は、該当するページのページ構成要素１３０１であるＨＴＭＬを読み出し（Ｓ１１２）、読み出したＨＴＭＬ上のタグで、属性ｃｌａｓｓ＝”ｉｓＥｄｉｔａｂｌｅ”を持つものを変更可能な状態にする（Ｓ１１３）。そして、ＣＭＳ動作用端末２０の表示部２５にプレビュー画面を表示させる（Ｓ１１４）。ユーザは、入力操作により、Ｗｅｂブラウザ２１０１で表示されるプレビュー画面上でテキスト等を入力、修正する（Ｓ１１５）。ユーザが、入力操作により保存ボタンを選択すると（Ｓ１１６）、制御部１１のＣＭＳプログラム１１０３は、入力、修正したプレビュー画面のＨＴＭＬデータをＪａｖａＳｃｒｉｐｔを用いて取得する（Ｓ１１７）。ＣＭＳプログラム１１０３は更に、取得したＨＴＭＬデータの変更可能状態を元に戻し（Ｓ１１８）、取得したページ構成要素１３０１であるＨＴＭＬデータを保存し（Ｓ１１９）、処理を終了する。【００４２】  ＨＴＭＬ入力を選択しない場合（Ｓ１０４のＹｅｓ）、ユーザは、追加や変更が可能な入力フォームを使用することができる。入力フォームは、スマホアプリページを構成するフィールド毎にテキストを入力できるように表示したフォーム（第３インターフェースの一例）であり、例えば図７に示すように、各フィールド（ラベル）に対応する値を入力可能に表示した入力用のインターフェースである。ユーザは編集したいスマホアプリの該当ページの入力フォームが作成済みの場合（Ｓ１２０のＹｅｓ）、例えば図４に示す「テキスト入力」欄Ｓ２の「テキスト入力」を選択する（Ｓ１２１）。このとき、サーバ１０の制御部１１のＣＭＳプログラム１１０３は、該当するページの入力フォームを読み出し（Ｓ１２２）、表示部２５に表示させる。これにより、ユーザは、入力操作により、表示された入力フォームを介してテキストを入力、修正する（Ｓ１２３）。ユーザは、入力操作により保存ボタンを選択し（Ｓ１２４）、入力フォームを介して入力、修正したページ構成要素１３０１であるテキストが保存される（Ｓ１２５）。この結果、当該テキストデータに対応するページのテキストデータが更新される（Ｓ１２６）。なお、ユーザは、修正又は追加した入力フォームの内容を例えば、図８に示すような画面により確認できる。【００４３】  一方、ユーザは編集したいスマホアプリの該当ページの入力フォームが作成済みでない場合（Ｓ１２０のＮｏ）、例えば図４に示す「テキスト設定」欄Ｓ３の「設定」を選択した後（Ｓ１２７）、例えば図９に示すように、ラベル値やページ種類等の設定を行って新たな入力フォームを作成し、ページ構成要素１３０１に新たに保存する（Ｓ１２８）。その後、Ｓ１２０の処理に戻る。【００４４】  上記実施の形態に係るスマホアプリ作成支援システム１（スマホアプリ作成支援システムの一例）によれば、サーバ１０の制御部１１（制御部の一例）は、ＨＴＭＬの入力を直接受け付けるための第１インターフェースと、スマホアプリと同等の画面で入力を受け付けるための第２インターフェースと、変更可能な入力フォームを含み、テキストの入力を直接受け付けるための第３インターフェースとを、選択的に表示部２５に表示させる。このため、スマホアプリのページ構成要素の編集のために複数のユーザインターフェース画面が提供され、ユーザは任意に入力フォーマットを選択可能となる。よって、専門知識のないユーザであっても容易にスマホアプリのページ構成要素の編集が可能になる。【００４５】  上記実施の形態に係るスマホアプリ作成支援システム１においては、ユーザのレベルに合った作業が可能となるため、スマホアプリのページ構成要素の作成又は編集の実行者は、スマホアプリのページ構成要素を効率的且つ容易に作成又は編集することができる。【００４６】  例えば、ＣＭＳプログラム１１０３により提供される変更可能な入力フォームを利用して、図１３に示すように、オープンキャンパス情報を簡単に入力、追加できるインターフェース画面を生成することができる。図１３（ａ）は、オープンキャンパス情報の入力フォームのウインドウＷ１を示し、図１３（ｂ）はオープンキャンパスの予定日時の編集ウインドウＷ２を示し、図１３（ｃ）は当該オープンキャンパス情報のスマホアプリ上のウインドウＷ３を示す。ユーザは、図１３（ａ）や図１３（ｂ）に示す入力フォームを介してテキスト等を入力するだけで、ページ構成要素の変更や追加が可能となる。特に、オープンキャンパスの情報は頻繁に変更や追加が発生するため、ユーザにとってスマホアプリのページ構成要素の編集の作業負荷を大幅に軽減することができる。また、入力フォームは変更や追加が可能であるため、ユーザの環境に合わせた入力フォームを簡単且つ容易に提供できる。【００４７】  上記実施の形態に係るスマホアプリ作成支援システム１によれば、ＣＭＳプログラム１１０３により全スマホアプリページが一括管理されており、ページの状態が一覧表示可能であるため、ユーザにとってスマホアプリのページ構成要素１３０１の作成又は編集時の利便性や効率性を向上させることができる。
【実施例２】
【００４８】  本実施の形態に係るスマホアプリ作成支援システム１の構成は、実施例１（図１）と同様であるため説明を省略する。【００４９】  本実施の形態に係るスマホアプリページ作成支援システム１は、制御部１１がＣＭＳプログラム１１０３を実行することにより、ページ構成要素１３０１であるＨＴＭＬデータの比較表示動作を実行する。以下、図１０〜図１２を参照しながら、ＨＴＭＬデータの比較表示動作について説明する。下記動作においては、特定のスマホアプリのページのページ構成要素１３０１であるＨＴＭＬデータの更新履歴において、過去における任意の２つの時点の履歴を比較する場合（パターン１）と、任意の１つの履歴と最新データとを比較する場合（パターン２）とを含む。【００５０】  ＣＭＳ動作用端末２０の表示部２５の画面２５ａには、例えば図１１に示すような所定のスマホアプリのページ構成要素１３０１の更新履歴のリストが表示される。パターン１の場合、ユーザは、入力操作により２つの履歴を選択する（Ｓ２０１〜Ｓ２０２）。ユーザの入力操作（例えば、図１１の画面２５ａの左上の「比較する」ボタンＢ２を選択）により、選択された２つの履歴の比較処理が実行される（Ｓ２０３）。【００５１】  パターン２の場合、ユーザは、入力操作により１つの履歴を選択する（Ｓ２０４）。ユーザの入力操作（例えば、図１１の画面２５ａの右側の「最新との比較」欄Ｓ４の「比較する」ボタンを選択）により、が入力操作により１つの履歴を選択すると（Ｓ２０４）、選択された１つの履歴と最新データとの比較処理が実行される（Ｓ２０５）。具体的な動作は以下の通りである。【００５２】  制御部１１は、比較対象となる２つの履歴データを取得し、１行ずつ配列Ａ、Ｂにそれぞれ格納し（Ｓ２０６）、ループ１（Ｓ２０７〜Ｓ２１０）を実行する。【００５３】  制御部１１は、配列Ａと配列Ｂに格納されているＨＴＭＬ文字列が一致するかどうかを判定する（Ｓ２０７）。一致している場合は、配列Ａの値を配列Ｃに格納し、行パターンｉとする。一致していない場合は、配列Ａの値を判別するための任意文字列“ｘｘｘ”を文頭に加えた文字列Ａ´を配列Ｃに格納し、行パターンｉｉとする（Ｓ２０９）。また、配列Ｂの値を判別するための任意文字列“ｙｙｙ”を文頭に加えた文字列Ｂ´を配列Ｃに格納し、行パターンｉｉｉとする（Ｓ２１０）。対象データの全ての行が完了するまでループ１（Ｓ２０７〜Ｓ２１０）を実行する。【００５４】  ループ１を終了後、ループ２（Ｓ２１１〜Ｓ２１３）を実行する。ループ２では、配列Ｃに格納されている文字列を１行ずつ表示するための処理が実行され、この処理によってユーザが選択した履歴のＨＴＭＬデータを、例えば図１２に示すように画面２５ａの左右に表示させる。【００５５】  読み出した配列Ｃの文字列が行パターンｉの場合、画面２５ａに左右同じ文字列を表示させる（Ｓ２１１）。【００５６】  配列Ｃの文字列が行パターンｉｉの場合、画面２５ａに、先頭文字列“ｘｘｘ”を除いた文字列を、色づけ或いはハイライトした状態で画面左側に表示させるよう制御する（Ｓ２１２）。
配列Ｃの文字列が行パターンｉｉｉの場合、配列Ｃに格納された行パターンｉｉｉの文字列のうち“ｙｙｙ”を除いた文字列を、色づけ或いはハイライトした状態で画面右側に表示させるよう制御する（Ｓ２１３）。【００５７】  以上の動作を実行することにより、図１２に示すように、画面２５ａ上に、過去の２つの時点におけるＨＴＭＬのデータが左右に表示され、且つ異なる部分を色づけ或いはハイライトした状態で表示される。【００５８】  上記実施の形態に係るスマホアプリ作成支援システム１によれば、ページ構成要素１３０１であるＨＴＭＬデータの更新履歴における差分を可視化することができるため、ユーザは過去のＨＴＭＬの編集履歴を管理することができる。【００５９】  また、ＣＭＳプログラム１１０３により全スマホアプリページが一括管理されているため、更新履歴の選択も多様に実現できる。例えば、選択したスマホアプリのページの更新履歴のうち、特定の更新者によるデータのみを比較することができる。
【実施例３】
【００６０】  スマホアプリ作成支援システム１の構成は上記実施の形態に限られない。
例えば、サーバ１０は、施設毎に割り当てられる仮想サーバであってもよい。また、ＣＭＳ動作用端末２０はディスプレイ出力と入力のみを実行するゼロクライアントやシンクライアントであってもよく、サーバに接続して仮想化デスクトップとして上記動作を実行させるものであってもよい。【００６１】  また、上記実施の形態においては、サーバ１０にＣＭＳ動作用端末２０が接続されて、その表示部２５に入力用のインターフェースを表示させているが、これに限定されない。サーバ１０に入力部と表示部を設け、ユーザはサーバ１０に直接入力することによってスマホアプリのページ構成要素１３０１の作成又は編集を行うようにしてもよい。【００６２】  ＣＭＳプログラム１１０３は更に、学校等の施設に特化した次のような機能を含むことも可能である。【００６３】  ＣＭＳプログラム１１０３は、例えば、図１４に示すように、スマホアプリページに対するアクセス状況（資料請求数の進捗、ページごとのページビュー数等）を取得、管理し、グラフやチャートとして表示させることもできる。図１４（ａ）は、ページ毎のページビュー数のランクを示すウインドウＷ４を示し、図１４（ｂ）はページビュー数の推移グラフを示すウインドウＷ５を示し、図１４（ｃ）はページ毎のアクセス状況のデータを表で示すウインドウＷ６を示す。このようなデータを出力することにより、ユーザは、効率の悪いページをすぐに発見でき、ページの修正や改善ができる。【００６４】  ＣＭＳプログラム１１０３は、オープンキャンパス及びニュースの原稿が追加・変更された場合、プッシュ通知サーバを経由して、自動でメッセージをスマホアプリにプッシュ通知によって送信することもできる。またＣＭＳプログラム１１０３は、プッシュ通知サーバを経由して、ユーザが入力したメッセージをスマホアプリにプッシュ通知によって送信することもできる。例えば、図１５に示すように、ユーザは、過去の資料請求者や予めメッセージを送りたい対象条件を入力、設定して、プッシュ通知サーバを経由して、オープンキャンパス情報等のフォローメッセージをスマホアプリにプッシュ通知によって送信することができる。この場合、プッシュ通知サーバを経由して、指定した送信日時に自動でメッセージをスマホアプリにプッシュ通知によって送信する予約機能を含んでいてもよい。【００６５】  ＣＭＳプログラム１１０３は、例えば、図１８に示すように、ユーザが所在地等の緯度、経度を登録することにより、スマホアプリ上に地図を表示させることもできる。【００６６】  ＣＭＳプログラム１１０３は、一覧、詳細、検索の機能をもったページを作成することもできる。例えば、施設が学校であれば、図２１（ａ）、図２１（ｂ）に示すように、ニュース、オープンキャンパス、入試、合格体験記・在校生の声・卒業生の声などのインタビュー記事、動画紹介などのページを作成しても良い。【００６７】  ＣＭＳプログラム１１０３は、日程を登録することによりカレンダーを作成してもよい。例えば、図１６に示すように、施設が学校であれば、ユーザがニュースやオープンキャンパス情報や入試情報等の日程を登録することにより、カレンダーを作成することもできる。【００６８】  ＣＭＳプログラム��１０３は、日程を登録することによりページを非表示にしてもよい。例えば、図１９に示すように、施設が学校であれば、ユーザがニュースやオープンキャンパス情報や入試情報等の日程を登録することにより、登録した日程が過ぎた場合に、ページを非表示にすることもできる。【００６９】  ＣＭＳプログラム１１０３は、ユーザがテキストや画像を分かりやすく配置したページを簡単に作成することができる。スマホアプリ上で、ポップアップでテキストを表示することもできる。また、その他のページや方法でテキストを表示してもよい。例えば、施設が学校であれば、学校の特長、アクセス、Ｑ＆Ａ、問い合せ先などのページ作成することも可能である。【００７０】  ＣＭＳプログラム１１０３は、写真を中心としたフォトアルバムページを作成しても良い。例えば、図２０（ａ）、図２０（ｂ）、図２０（ｃ）に示すように、施設が学校であれば、学食情報、図書館情報、スポーツ施設情報、環境情報、パウダールーム情報、校舎・研究施設情報、博物館・美術館情報、開発商品企画情報、クラブ・サークル情報、学園祭情報などのページ作成することも可能である。【００７１】  ＣＭＳプログラム１１０３は、ユーザが背景画像を登録することにより、スマホアプリ上で背景画像を表示することもできる。ユーザが背景画像の透明度を設定して変更することができ、また背景画像にキャプションを入れることもできる。【００７２】  ＣＭＳプログラム１１０３は、例えば、図２２（ａ）、図２２（ｂ）、図２２（ｃ）に示すように、ユーザが職業、在校生、卒業生、実習、オープンキャンパス、学校、ＣＭなどを紹介する動画を登録することにより、スマホアプリ上で動画を再生することもできる。登録されている動画を連続で再生することも可能である。動画はスマホアプリ３１０１に保存されていても良いし、外部のサーバに保存されていても良い。【００７３】  ＣＭＳプログラム１１０３は、入学案内や願書等の資料請求を受け付けるための画面をスマホアプリ上に提供することも可能である。例えば、図１７（ａ）、図１７（ｂ）に示すように、複数の入学案内や願書等を選択できるようにしても良いし、入力フォームで選択中の入学案内や願書等を表示しても良い。【００７４】  ＣＭＳプログラム１１０３は、資料請求者に対し一括してメールを自動送信することも可能である。例えば、ユーザは、過去の資料請求者や予めメールを送りたい対象条件を入力、設定して、オープンキャンパス情報等のフォローメールを送信することができる。この場合、指定した送信日時に自動でメール送信する予約機能や、メール内に記載したＵＲＬのクリック数を計測する効果測定機能を含んでいてもよい。【００７５】  ＣＭＳプログラム１１０３は、施設専用のデータベースに資料請求者の個人情報等のデータをすべて保存するようにしてもよい。この場合、資料請求者のデータは、暗号化され、保存される。また、データを保存するデータベースを２台に分散させておき、一方に障害がおきても他方が稼動できるようにしてもよい。【００７６】  ＣＭＳプログラム１１０３は、スマホアプリに施設、例えば学校が保有する学部・学科・コース等の、スマホアプリ利用者が関心のある項目をスマホアプリ上で���単に探せる検索機能を提供することも可能である。例えば、「職業検索」で職業名をクリックするだけで関連する学科を表示できるようにしてもよい。また、その他にも、学問や資格検索等から関連する学科を表示できるようにしてもよい。これにより、スマホアプリ利用者が求める情報を、最短且つ最適に提供でき、スマホアプリの利便性を向上させることができる。【００７７】  ＣＭＳプログラム１１０３はまた、スマホアプリにフリーワード検索の機能を提供することも可能である。この場合、スマホアプリ内の各ページを高速で検索することができる。【００７８】  ＣＭＳプログラム１１０３は、スマホアプリ上でシステム外のページ構成要素を利用可能にしてもよい。例えば、施設が学校であれば、職業や学問を紹介する動画や、奨学金・学費のガイド情報、職業や学問の適職・適学診断等、他のコンテンツをスマホアプリページにリンクさせることも可能である。【００７９】  ＣＭＳプログラム１１０３は、ＡＰＩ機能を標準で備えていてもよい。これにより、ユーザのニーズに合ったアプリケーションを容易に生成し、迅速にユーザに提供することができる。【００８０】  上記実施の形態においては、マークアップ言語としてＨＴＭＬを挙げていたが、これに限定されない。例えば、ＸＭＬやＪＳＯＮやＳＧＭＬ等、スマホアプリページの表示に使用されるページ構成要素であれば他のマークアップ言語を対象としてもよい。【００８１】  上記実施形態に係るスマホアプリ作成支援システム１による処理の実行順序は、必ずしも、上記実施形態の記載に制限されるものではなく、発明の要旨を逸脱しない範囲で、実行順序を入れ替えることができるものである。【００８２】  スマホアプリ作成支援システムにより実行されるスマホアプリ作成支援方法や同方法を実行するためのコンピュータプログラム、かかるコンピュータプログラムを記録したコンピュータ読み取り可能な記録媒体は、本発明の範囲に含まれる。ここで、コンピュータ読み取り可能な記録媒体としては、例えば、フレキシブルディスク、ハードディスク、ＣＤ−ＲＯＭ、ＭＯ、ＤＶＤ、ＤＶＤ−ＲＯＭ、ＤＶＤ−ＲＡＭ、ＢＤ（Ｂｌｕ−ｒａｙ  Ｄｉｓｃ）、半導体メモリを挙げることができる。【００８３】  また、コンピュータプログラムは、上記記録媒体に記録されたものに限られず、電気通信回線、無線又は有線通信回線、インターネットを代表とするネットワーク等を経由して伝送されるものであってもよい。
【符号の説明】
【００８４】１          ：スマホアプリ作成支援システム
１０        ：サーバ
１１        ：制御部
１３        ：記憶部
１５        ：通信部
２０        ：ＣＭＳ動作用端末
２１        ：制御部
２３        ：入力部
２５        ：表示部
２５ａ      ：画面
２７        ：通信部
３０        ：スマホアプリ利用者端末
３１        ：制御部
３３        ：入力部
３５        ：表示部
３７        ：通信部
１１０３    ：ＣＭＳプログラム
１３０１    ：ページ構成要素
２１０１    ：Ｗｅｂブラウザ
３１０１    ：スマホアプリ
【図１】
2018014073.tif 000003
【図２】
2018014073.tif 000004
【図３】
2018014073.tif 000005
【図４】
2018014073.tif 000006
【図５】
2018014073.tif 000007
【図６】
2018014073.tif 000008
【図７】
2018014073.tif 000009
【図８】
2018014073.tif 000010
【図９】
2018014073.tif 000011
【図１０】
2018014073.tif 000012
【図１１】
2018014073.tif 000013
【図１２】
2018014073.tif 000014
【図１３】
2018014073.tif 000015
【図１４】
2018014073.tif 000016
【図１５】
2018014073.tif 000017
【図１６】
2018014073.tif 000018
【図１７】
2018014073.tif 000019
【図１８】
2018014073.tif 000020
【図１９】
2018014073.tif 000021
【図２０】
2018014073.tif 000022
【図２１】
2018014073.tif 000023
【図２２】
2018014073.tif 000024