Cform カレンダー 予 約 システム 機 能 解 説 マニュアル
目 次 1. はじめに... 2 2. Cform をサーバーにアップロードする... 3 3. カレンダー 予 約 システムを 表 示 する... 6 直 接 表 示 の 場 合... 6 Javascript での 埋 め 込 み 表 示... 7 Iframe での 埋 め 込 み 表 示... 9 4. 予 約 申 込 管 理 ページの 使 い 方... 10 基 本 的 な 使 い 方... 10 同 じ 日 で 複 数 の 予 約 を 受 け 付 けたい 場 合... 13 5. 予 約 受 付 フォーム(メール)の 設 定... 17 6. 予 約 者 リストの 確 認... 22 1
1. はじめに Cform は サイトやブログでカレンダー 表 示 を 用 いて 予 約 申 し 込 みができるシステムツールです 日 々の 予 約 受 付 また 定 期 的 に 開 催 されるイベント 申 し 込 み 等 にご 利 用 頂 けます このマニュアル 内 で 参 考 として 表 示 しているキャプチャー 画 像 等 は ご 利 用 の Cform のバージョンによって 多 少 異 なります ご 了 承 ください 2
2. Cform をサーバーにアップロードする Cform はまずご 自 身 のサーバーに 設 置 頂 く 必 要 があります ダウンロードされた Cform を 解 凍 し 出 来 上 がった cform フォルダをそのままアップロードしますが その 前 に 管 理 者 のログイン ID とパスワードを 設 定 しましょう 1.[cform]-[ calendar_form]-[admin]フォルダの 中 にある config.php を テキストエディタ 等 で 開 きます メモ 帳 などではなく 必 ずテキストエディタ(terapad や 秀 丸 等 )で 開 いてください 2.$userid と $password の 部 分 で 囲 まれた 部 分 を 適 宜 修 正 し 保 存 します や ;などを 消 してしまわないよう 注 意 してください 下 記 表 示 での 文 字 カラーは 環 境 やお 使 いのエディタによって 異 なります 3
3.cform フォルダをそのまま 丸 ごとお 使 いのサーバーにアップロードする ブラウザでアクセスできるようにアップロードされてください エックスサーバーであれば public_html フォルダ 下 の 任 意 の 場 所 にアップロードします 4.ブラウザで 管 理 画 面 にアクセスしてみましょう 管 理 画 面 URL: 設 置 されたドメイン/cform/calendar_form/admin/ 下 記 のような 画 面 が 表 示 されるはずです 先 ほど 設 定 したログイン ID とパスワードでログインしてみましょう 4
ログイン 後 このような 表 示 となれば 設 置 完 了 です もし 管 理 画 面 上 でパーミッションに 関 するエラー 表 示 が 出 ましたら 下 記 のようにパーミッション 変 更 をお 願 い 致 します エックスサーバーではエラー 表 示 が 出 ないはずなので 何 もしなくても 稼 働 するかと 思 います 1.data ディレクトリを 777 等 書 き 込 み 可 能 なものへ 変 更 2.データファイル data/ 内 の.dat はすべて 666 に 変 更 3.data/reserv ディレクトリを 777 等 書 き 込 み 可 能 なものへ 変 更 5
3. カレンダー 予 約 システムを 表 示 する 細 かい 設 定 の 前 に カレンダー 予 約 システムを 表 示 してみましょう 表 示 の 仕 方 はいくつかありますが ここでは 直 接 表 示 javascript での 埋 め 込 み 表 示 iframe で の 埋 め 込 み 表 示 をやってみます 直 接 表 示 の 場 合 Cform 設 置 後 ブラウザにてアクセスするだけで 表 示 可 能 です 直 接 表 示 の URL: 設 置 されたドメイン/cform/ まだ 何 の 設 定 もしていないので 予 約 ボタン 等 の 表 示 はされませんが 上 記 のような 感 じで 表 示 されるかと 思 います 6
Javascript での 埋 め 込 み 表 示 ブログ 記 事 などに 埋 め 込 みたい 場 合 にご 利 用 頂 けます 管 理 画 面 上 部 に 埋 め 込 み 用 タグが 表 示 されているかと 思 います これを 丸 ごとコピーしてお 好 きなブログ 記 事 内 に 貼 りつけてください 例 えば Wordpress の 記 事 内 に 貼 りつけて 記 事 を 公 開 してみましょう なお Wordpress の 場 合 は 貼 り 付 ける 際 には テキストエディタ に 変 更 してください 7
記 事 を 保 存 して ページを 見 てみましょう まだ 何 の 設 定 もしていないので 予 約 ボタン 等 の 表 示 はされませんが 上 記 のような 感 じで 表 示 されるかと 思 います なお Wordpress の 場 合 設 置 後 エディタをビジュアルエディタ 表 示 に 戻 して 改 めて 記 事 保 存 をし てしまうと 貼 り 付 け 部 分 が 自 動 的 に 余 計 なタグが 補 完 されてしまい カレンダー 表 示 がされなくなって しまいますのでご 注 意 ください 8
Iframe での 埋 め 込 み 表 示 メンバーサイト 内 コンテンツ 等 もともとシステム 的 に 表 示 されたページ 内 に 設 置 したい 場 合 など Javascript でうまく 表 示 されない 場 合 には iframe を 利 用 して 埋 め 込 む 方 法 があります 今 回 例 として Cyfons システムのページに 埋 め 込 みたいとしましょう まず 埋 め 込 みたいページの 記 事 編 集 画 面 で <>アイコンをクリックして HTML タグ 編 集 表 示 にしたうえで 下 記 のように 入 力 します <iframe src=" 設 置 ドメイン/cform/" width="500" height="400" frameborder="0"></iframe> 改 めて<>アイコンをクリックしてエディタ 画 面 を 戻 した 後 ページを 保 存 します width( 横 幅 ) や height( 縦 の 長 さ) の 値 は 実 際 に 合 わせて 適 宜 修 正 してください ページを 表 示 して 確 認 してみます まだ 何 の 設 定 もしていないので 予 約 ボタン 等 の 表 示 はされませんが 上 記 のような 感 じで 表 示 されるかと 思 います 9
4. 予 約 申 込 管 理 ページの 使 い 方 基 本 的 な 使 い 方 管 理 画 面 に 入 ると 今 日 の 日 付 部 分 が 黄 色 いセルになっているかと 思 います 基 本 的 に 今 日 より 前 の 日 付 の 部 分 で 予 約 可 能 にしたとしても 反 映 されませんのでご 注 意 くださ い では 5 日 に 予 約 を 受 け 付 けるとして 設 定 してみましょう 5 日 のセレクトボックスで 受 付 中 を 選 択 します 10
予 約 可 能 人 数 はデフォルトで 20 となっていますので 必 要 に 応 じて 修 正 します またカレンダーに 表 示 したいコメントがあれば 入 力 します 入 力 内 容 を 確 認 頂 き ページ 下 にある[ 変 更 内 容 を 反 映 して 登 録 ]ボタンをクリックします 実 際 に 表 示 を 確 認 して 下 記 のようになっていれば ok です 11
[ 予 約 する]ボタンから 予 約 が 可 能 となり 設 定 した 10 人 の 予 約 があった 時 点 で 予 約 終 了 となります 10 人 の 申 し 込 みがあると 画 面 もこのように 予 約 終 了 の 表 示 に 切 り 替 わり それ 以 上 の 予 約 がで きなくなります また 別 申 し 込 みで 予 約 者 がいっぱいになってしまった 場 合 には 管 理 画 面 から 予 約 終 了 としてしまうことも 可 能 です 例 えば 6 日 の 日 を 予 約 終 了 としてみましょう セレクトボックスで 予 約 終 了 を 選 択 します 予 約 可 能 人 数 は 特 に 変 更 の 必 要 はありません これで 保 存 して 表 示 を 確 認 してみましょう 12
下 記 のように 管 理 画 面 上 では 予 約 可 能 人 数 が 残 っていたとしても 予 約 終 了 を 選 択 することで 予 約 終 了 の 表 示 となります 同 じ 日 で 複 数 の 予 約 を 受 け 付 けたい 場 合 先 ほどの 例 では 1 日 1つのみの 予 約 が 可 能 となりますが 例 えば 1 日 で 昼 の 部 と 夜 の 部 開 催 がある 場 合 や セミナーで 講 師 が 複 数 いる 場 合 等 それぞれで 分 けて 予 約 を 受 け 付 けたい 場 合 もあるかと 思 います そのような 場 合 でのやり 方 を 解 説 します 管 理 画 面 上 部 にある[ 予 約 時 間 リストを 追 加 更 新 ]ボタンをクリックします すると 新 しい 画 面 がポップアップで 開 きます ブラウザの 方 でポップアップ 制 限 を 書 けている 場 合 は 解 除 されてください 13
開 いた 画 面 で 予 約 を 分 けたい 項 目 を 入 力 し 追 加 し ていきます なお 追 加 した 項 目 はマウスで ドラッグ&ドロップすることで 表 示 順 序 の 入 れ 替 えができます 必 要 な 分 を 追 加 していき 設 定 できたら[CLOSE]ボ タンをクリックし 画 面 を 閉 じます 管 理 画 面 上 部 にある[ 最 新 の 状 態 に 更 新 ]ボタンをク リックすると 先 ほど 追 加 した 時 間 が 管 理 画 面 上 に 表 示 されます 14
全 ての 日 付 に 先 ほど 追 加 した 11 時 から 13 時 から が 表 示 され それぞれについて[ 受 付 中 ] 等 の 設 定 ができるようになります [ 予 約 時 間 リストを 追 加 更 新 ]で 追 加 した 項 目 はすべての 日 付 に 対 して 反 映 されますが 各 日 付 で[ 受 付 中 ]もしくは[ 予 約 終 了 ]を 選 択 しない 限 りカレンダー 上 には 表 示 されません 例 えば 5 日 は 11 時 から の 分 だけ 設 定 6 日 は 11 時 から の 分 は 受 付 中 13 時 から の 分 は 予 め 満 席 ということで 予 約 終 了 と 設 定 してみます この 場 合 カレンダー 上 ではこのように 表 示 されます 15
日 によっては 時 間 別 に 予 約 受 付 したい 日 があったり 講 師 別 に 受 付 したい 場 合 もあるかと 思 います そのような 場 合 は [ 予 約 時 間 リストを 追 加 更 新 ]で 必 要 な 項 目 すべてを 登 録 しておいて 管 理 画 面 上 で 必 要 な 分 のみ 表 示 の 設 定 をすることができます ただし 予 約 時 間 リストにあまり 多 くの 項 目 を 設 定 すると 全 体 的 に 動 作 が 重 くなりますので その 時 々で 調 整 するようにされてください 基 本 的 に 今 日 より 過 去 日 付 の 部 分 については 予 約 できなくなりますので もう 使 わない 予 約 時 間 リスト の 項 目 については 適 宜 削 除 されるなどされるとよいでしょう 16
5. 予 約 受 付 フォーム(メール)の 設 定 予 約 ボタンをクリックすると フォームが 開 き 申 し 込 みを 行 うことができます 申 し 込 み 後 は 管 理 者 と 申 込 者 にメールが 自 動 送 信 されるようになりますが これらの 設 定 を 行 います 管 理 画 面 上 部 の[フォーム 管 理 画 面 へ]をクリックします 初 期 画 面 ではこのようになっているかと 思 います [プレビュー]の 方 がすでに 設 定 されている 項 目 です お 名 前 と メールアドレス は 必 須 として 修 正 できません ( 表 示 順 序 の 変 更 は 可 能 です) 17
また その 下 の[フォーム 項 目 の 追 加 / 修 正 ]から 他 に 必 要 なフォーム 項 目 を 追 加 することができます ためしに 性 別 の 入 力 フォームを 追 加 してみましょう 下 記 のように 設 定 し [ 登 録 ]ボタンをクリックします すると プレビュー 表 示 部 分 に 追 加 されます 表 示 順 序 はドラッグ&ドロップで 変 更 後 [ 並 び 替 え 実 行 ]ボタンをクリックすることで 反 映 されます 設 定 済 みの 項 目 についても[ 編 集 ]ボタンをクリックすることで 修 正 可 能 です 18
また[フォーム 項 目 の 追 加 / 修 正 ]の 下 に [ 送 信 メール 設 定 ]があります 初 期 状 態 では 適 当 なメールアドレス 等 となっていますので 必 ず 届 くメルアドで 設 定 していきましょう 19
全 ての 設 定 ができたら 一 度 試 しに 自 分 で 予 約 してみましょう カレンダーを 表 示 して[ 予 約 する]ボタンをクリックしてみましょう メールフォーム 開 きますので 必 要 事 項 を 入 力 して[ 確 認 ]ボタンをクリックします 20
確 認 画 面 が 開 きますので これでよければ[ 送 信 ]ボタンをクリックします 送 信 完 了 画 面 が 表 示 されますので メールが 管 理 者 および 申 込 者 メルアドに 届 いているかを 確 認 してください 21
6. 予 約 者 リストの 確 認 カレンダーから 予 約 を 受 け 取 った 場 合 管 理 者 にも 自 動 的 にメール 送 信 されますが 管 理 画 面 にてリスト 表 示 で 確 認 csv データとしてダウンロードすることも 可 能 です 管 理 画 面 上 部 の[ 予 約 者 リスト 管 理 画 面 へ]をクリックします 初 期 状 態 では 直 近 1 ヵ 月 間 のデータが 表 示 されます 表 示 したい 予 約 日 の 期 間 を 設 定 し [ 絞 り 込 み 検 索 ]をクリックします 申 し 込 み 日 ではなく 予 約 日 での 絞 り 込 み 表 示 です 22
その 期 間 内 の 予 約 がリスト 表 示 されます このデータをダウンロードしたい 場 合 は[ 絞 り 込 み csv ダウンロード]ボタンをクリックします なお 名 前 とメールアドレス 以 外 の 入 力 フォーム 内 容 については ダウンロードしました csv ファイルにて 確 認 できます 23
Cform:カレンダー 予 約 システム 機 能 解 説 マニュアル