リアルタイムに予約状況が反映kintoneアプリ作成

kintoneで予約管理と予約フォームをするって記事を以前書きました

bozu
もう少しスマートに作れないか・・・

で、最近やってる方法を紹介します

  • kintone
  • kViewer
  • フォームブリッジ

を利用しています

簡単に予約フォーム公開と予約管理を行いたい

予約を登録するkintoneアプリ作成

予約可能数をkViewerで公開します

受入可能数-予約数=予約可能数

こんな計算機を予約可能数に入れております

  • 氏名
  • メールアドレス
  • 備考

フォームブリッジ で入力してもらう情報ですね

受入可能数は変動するかもしれませんので、初期値にするか悩むところです

今回は見学予約なので、1時間に1件しか入れない設定としています

アプリができたらkViewerを設定します

kViewer設定

kViewerでは、予約が空いているところだけレコードを閲覧できるようにします

レコードが閲覧できれば、フォームブリッジ と連携して予約することができる

bozu
逆にレコード閲覧できなければ、その日その時間の予約は不可能だ!!

ってことで、予約数が0になると閲覧できないようにしました(なので初期値100でも大丈夫)

日付を検索→予約したい時間が空いていたらクリックしてレコード詳細閲覧

なければ別の日を検索ってことができるように、検索フォームを設置しました

こんな感じで検索が可能です

時刻をクリックすると設定したレコード詳細画面は表示されます

予約するをクリックするとフォームブリッジ に画面が切り替わります

予約を受けるフォームブリッジ 設定

フォームブリッジ は以下の項目について編集不可にしています

  • 日付
  • 時刻
  • 曜日
  • 予約数(初期値1にすることで予約数を変に入力されないで済む)

氏名とメールアドレス、備考を入力してもらえればOK

入力すると予めkintoneアプリで設定している計算フィールドによって、予約可能数が0になりkViewerではレコードが表示されない・・・って仕組みです

つまり

bozu
予め日付フィールドをCSVで100年分くらい作ってファイル読み込ませる必要があるんだけどね〜笑

作成した予約受付フォーム確認

5月19日10時を予約したので、10時だけ閲覧できないようになりました

bozu
簡単やで・・・

予約デモサイト