サイトへ訪れた利用者が、利用日付を入力して空き車両を検索、結果から車両を選択して予約フォームへ移動する、という操作の流れを提供します。

利用方法は、ショートコード「rental_finder」をページのコンテンツに設定することで簡単に実現できます。またテキストウィジェットに設定すると、サイドバーなどに設置されたウィジェットに検索ボックスを表示することができます。

出発日・返却日の入力は、jQuery UIのDatepickerを使って表示されたカレンダーから日付を選択します。車両が複数台ある場合は車種を選択して検索する事もできます。

次に、ショートコードのパラメータ、ウィジェットの利用方法を説明します。

ショートコード rental_finder

車両の検索ページは、ショートコードを設定するとそのページで検索ボックスの表示・入力処理、そして検索結果を表示するようになります。

[rental_finder]

ショートコードに追加できるパラメータは次の通りです。

• vid
  検索対象の車両を限定したい場合、対象の車両IDをカンマ区切りで指定
  初期値：なし
• gid
  検索対象を車種で限定したい場合、対象の車種のtag_IDまたはスラッグ名を指定
  初期値：なし
• uid
  各店舗で車両を検索したい場合、「0」または店舗のユーザーIDをカンマ区切りで指定
  初期値：なし
  Ver.1.12 機能追加
• assigned
  各店舗で車両を検索する場合、店舗登録されていない車両を検索対象にするとき「1」を指定
  初期値：0
  Ver.1.12 機能追加
• id
  コンテンツに出力するHTMLのラッパーdivセグメントにセットするidプロパティ
  初期値：なし
• class
  コンテンツに出力するHTMLのラッパーdivセグメントにセットするclassプロパティ
  初期値：rental-finder
• widget
  ウィジェットに設定した際「1」にセットするとclass名に「-widget」を追加
  初期値：0
• page
  検索結果を出力する対象ページのURLで、[rental_finder] が設定されたページ
  初期値：なし
• finder
  「-1」にセットすると検索入力を非表示にする、「0」にセットすると検索結果を出力するとき検索入力を非表示とする
  初期値：1
• result
  ウィジェットに設定した際「0」を設定すると検索結果を出力しない
  初期値：1
• show
  検索結果の表示形式をショートコードの中から指定する
  初期値：rental_calendar
  Ver.1.8 機能追加
• term
  車種の選択ボックスを表示しない場合は「0」をセットする
  初期値：1
• all
  車種選択ボックスに「全車種」選択肢を追加する、「0」にセットすると追加されない
  初期値：1
  Ver.1.8.4 機能追加
• description
  検索ボックス上部に表示する説明文のキー名
  初期値：FINDER_DATE_DESCRIPTION
• lang
  出力文字言語を指定
  初期値：なし

表示デザインについて

操作に必要な、ある程度のCSS設定は「rental-finder.css」ファイルで提供していますが、テーマに合わせてデザインを変更したい場合は当該ファイルを修正するか、テーマで利用する「style.css」ファイルに追加してください。

アップデートではプラグインディレクトリを上書きするため、ラッパーのdivセグメントに「id」や「class」パラメータを設定してstyle.cssファイルにCSSを追加しておくと、再設定の手間が省けます。

ウィジェットに検索ボックスを設定する

テキストウィジェットにショートコードを設定すると、ウィジェットに検索ボックスや検索結果を表示することができるようになります。

検索結果をページのコンテンツに表示したい場合、このショートコードを設定した固定ページを別途用意し、そのページに表示することができるようになります。

ウィジェットを利用する手順

予め、ショートコード「[rental_finder]」を設定した固定ページを公開登録しておきます。このページを表示するURLを確認しておいてください。以下は固定ページに設定するショートコードの例です。

[rental_finder finder="0"]

テキストウィジェットにショートコード「[rental_finder]」を設定し、ウィジェット領域に設置します。以下はテキストウィジェットに設定するショートコードの例です。

[rental_finder page="http://www.example.com/?p=xxx" widget="1" result="0"]

pageに設定するURLは、予め用意した上記固定ページを表示するURLです。

ショートコードタグに囲われた文について

ショートコードのタグに挟まれた文章、例えば

[rental_finder finder="-1" result="0"]レンタル期間を入力して検索してください。[/rental_finder]

のように設定すると、検索の入力項目は非表示の状態となり、代わりにタグに挟まれた文章が出力されます。

車種について

車両データとオプションデータは、それぞれカテゴリーが設定できるように「車種」を共通で登録、各データに設定ができるようになっています。

検索で車種を選択できるようにする場合、「車種」データから車両のために設定したカテゴリーをリストアップするため、車種のスラッグ名の前部に「car_」を追加するか、スラッグ名の後尾に「_car」を追加してください。

jQuery UI のthemeについて

日付入力は入力の手間や誤りを避けるため、カレンダーから日付をクリックして入力、表示するようにしています。この機能はjQuery UIで提供される機能「Datepicker」を利用しています。

jQuery UIでは表示デザインのテーマが提供されていますが、テーマ「smoothness」をjQueryサイトから読み込むように、プログラム内で設定しています。

このテーマ名を書き換えることで、見た目の異なるカレンダーを表示することができます。

利用する場合はPHPプログラムを編集するため、作業はPHP技術者の方を対象としています。

検索結果の表示

検索結果の表示は、ショートコード「rental_calendar」に検索結果を渡して表示しますので、予約状況を含めた予約カレンダーが表示されます。次の図は検索結果の表示例です。

多言語対応について

日本語以外の表示を利用したい場合はシステムの多言語対応に従って、以下のファイルに定義されている「$shortCode」出力データを変更してください。

src/MTSCarBooking/lang/Translation.php

予約を受け付けると予約期間は予約済みとなり、システムは重複して予約を受け付けないようになります。予約カレンダーでは予約済みマークが表示され、その期間を含む予約はできません。

この貸出期間において、次の予約を受け付ける場合に「なか１日」のマージンを設けたい場合、各種設定の予約条件で「貸与休止日数」を設定します。

この「貸与休止日数」を「1日」に設定すると、予約カレンダーは予約期間の前後に１日のマージンを設定、予約済み状態を表示するようになり、貸し出しされなくなります。

シーズン料金は、スケジュール管理のカレンダーの日付に「High / Low」を設定し、レンタル期間によりレンタル料金を割り増ししたり、あるいは値引する機能として、Ver.1.1で機能追加しました。

» 1.1 割増(値引)料金機能

ところで料金計算の元になるレンタル期間ですが、それまでレンタル期間を時間総数で計算し、料金計算はレンタル時間で求めておりました。

例えばレンタル料金を1日10,000円、2日20,000とした場合、レンタル期間が11時〜翌日10時であれば、料金は時間総数で計算すると23時間10,000円となります。

このようなレンタルを2日の料金とするため、Ver.1.3で料金計算方式として「時間」か「日付」で計算する選択機能を追加しました。これにより計算方式が「日付」で設定されていれば、上の例は2日20,000円となります。

» 1.3 料金計算の方式追加

シーズン料金の計算の仕方

レンタル期間中のシーズン設定により、料金を割り増したり、割引したりすることができます。

例えば週末の土曜日と日曜日に割増料金を設定するため、スケジュールカレンダーで「High」を設定し、料金データのHighシーズンに5,000円を設定したとします。

この場合上記の例では2日間を土曜日、日曜日とすると、2日で30,000円となります。しかし、もし計算方式が時間なら20,000円です。

このように金額が大きく跳ね上がる例があるため、シーズン料金の計算は計算方式が「日付」の場合、返却日のシーズン料金を加算しないようにしました。

シーズン料金計算の改善

しかしながら、0時を過ぎて日付が変わる場合は常に割増し(または割引き)したい場合もあります。

そこでVer.1.5において、シーズン料金の計算で当日に返却する場合を除き、最終日のシーズン料金を計算するか、それとも最終日のシーズン料金は除くか、「料金加算日」の設定で選択できるようにしました。

料金計算がより柔軟に計算できるようになりましたので、レンタル業務にご活用ください。

その他の追加機能

予約フォームや予約の確認表示で、車両データの登録で画像が選択されている場合その画像が表示されます。

一方、オプションデータに画像の設定項目がありますが、これまではデータ登録のみで画像の表示機能はありませんでした。

Ver.1.5から予約フォームや予約の確認において、オプションデータに設定された画像が表示されるようになりました。

なお画像の登録は2つ設定できますが、表示は1つめの項目に登録された画像が表示されます。

特別料金期間のシーズン料金計算の設定 Ver.1.7.3

Ver.1.7.3より前のバージョンにおいてシーズ料金の計算は、特別料金期間中は別途料金を定めるため除外していました。

Ver.1.7.3以降は、料金表管理の設定で、シーズン料金を合計計算に含める設定を用意しました(下図参照)。

(210722)

このシステムの予約操作の流れは次の通りです。

1. 予約カレンダーでレンタル日時を入力する
2. 予約フォームで予約者の連絡先を入力する
3. 予約確認画面で内容を確認して予約を実行する
4. 予約結果を画面で確認して予約操作を終了する(下図)

この画面表示のとき、予約操作は終了した状態となります。この後別のページへ移動しても、他のサイトへ移動しても支障はありません。

操作の終了を明示する

予約操作の終了画面は、予約内容を保存したいときプリントアウトするか、Windows 10やMac OS Xでは印刷データをPDFファイルに保存することができるように、「印刷」ボタンが用意されています。

またクレジットカード決済の機能を組み込んでいる場合、「支払」ボタンが用意され、カード決済処理へ遷移することができます。

ところで、現地で支払いをする人や銀行振込で支払いをする人は、この画面では予約操作が終了したことを明確に認識できないことがあります。

そこで新たに「終了」ボタンを用意しました。「終了」ボタンを押すと上図の画面から下図の画面に表示が切り替わります。

予約完了ページを用意する

別途予約完了ページを表示したい場合、以下のスラッグ名を設定した固定ページを用意することで、「終了」ボタンによりリダイレクトして表示することができます。

booking-thanks

予約後、予約者にお知らせしたい情報、例えば振込先の銀行口座、あるいは窓口で車両を貸し渡す際の免許証提示などの注意事項を掲載するなど、業務に合わせて用意いただけます。

レンタル料金計算に、新しい計算方法を追加しました。

計算方式

料金表管理の料金計算の設定に関して、新しい選択項目「計算方式」が追加されました。

計算方式は、「時間」か「日付」のどちらかを選択します。これまでの計算は「時間」でした。「日付」による計算が新しく追加された計算方式となります。

この項目による計算の違いは、レンタル期間の算定において「時間」を単位とするか、「日数」を単位とするか、の違いとなります。

計算の具体例

具体例として「10:00」に借り、翌日「16:00」に返却する場合を計算します。

方式	レンタル期間
時間	30時間
日付	2日間

計算方法の「単価計算」や「表引き」は、このレンタル期間を基にして料金を決定します。

時間方式の単価計算、表引き

「単価計算」は、「単価料金」の設定で「単位」を「時間」または「日」で設定しますが、例えば「６時間３，０００円」とした場合

３０÷６＝５、５×３０００＝１５０００

で、料金は１５，０００円となります。

「表引き」の場合、表に設定された３０時間を含む最小の「時間」を選択します。料金表が下図のように設定されている場合

「２日」が３０時間を含む最小の時間になりますので、料金は１５，０００円になります。

日付方式の表引き

「日付方式」の計算は、例えばキャンピングカーのレンタル料金設定において、「１泊２０，０００円」のような設定方法に適しています。

例えば料金表を次のように設定した場合

日帰りのデイキャンプであれば１７，０００円、１泊２日で２２，０００円となります。

単価料金設定で「１日２２，０００円」を設定すれば、２泊以降１日増加するごと「２２，０００円」が追加されます。

計算方法はレンタルの性質で決めてください

本システムの料金計算は、料金計算管理によって複数の計算方法を設定、用意することができます。

ですのでレンタルする車両が、軽自動車、乗用車、スポーツカー、トラック、特殊車両、キャンピングカーなど様々ありますので、そのレンタルの性質に合わせて、料金計算データを設定してください。