シス テム見本
カ ラオケボックス予約システム
シ ステムを画面の画像を使用して説明します。
シ ステムは大きく分けて管理者の画面と予約の画面と顧客の画面の三つに分かれます。
各 画面は標準のHTMLタグでデザインを自由に変えられます。
管理者の画面 (http: //xxxxx.xxx.xx/shop/)
会社名、住所登録、電話登録などを行ない顧客画面のタイトルや顧客のログインのID番号やパスワードを設定しま す。
食事メニューの登録ができ、顧客からの注文の配達を管理する。
顧客、食事メニュー、部屋予約、部屋入室退室などの更新、削除が許され、それらを管 理する。
食事メニューなどの注文などを行なう。
予約の画面(http: //xxxx.xx.xx/reservation/)
本人確認といたずら防止のため予約のパスワードをメールで発行して、そのパスワードを使って予約画面にログインさせて予 約申 込みをさせます。
顧客の画面(http: //xxxx.xx.xx/guest/)
入店している顧客は部屋名と携帯電話のメールアドレスをパスワードとして携帯電話で食事メニュー画面で注文をする。
http://xxxxx.xxxx,xx.xx/shop/ にアクセスすると下の画面が表示されます。 (xxxxxx.xxxx.xx.xxの部分はあなたのURLで他のWEBサーバーが80番のポートを使っていない場合。使っている場合は xxxx.xxxxx.xxx.xx:8080にする。)
ここで適切な文字を入力してログインボタンを押して次 の画面に 移ります。
下の画面で全体の管理を行なう。
必ず最初に店情報登録更新をクリックして店情報の登録を行ない ま す。
全フォームに入力してください。
入力もれや適切な入力をしないと下の画面のように、赤字で警告 がでます。
ここでの入力は予約の画面や顧客の画面の上部に表示されます。
定期的に変えて、たとえば店情報のフォームに7月は部屋使用料 が100円割引とかを入力して活用しましょう。
トップへ戻るをクリックして、部屋登録をクリックします。
下の画面のように各部屋の登録を一部屋ずつ行ないます。
すべての部屋の登録が終れば、トップへ戻るをクリックして、部 屋稼働一覧表示、または部屋使用記録一覧表示をクリックします。
この画面で部屋の稼働状況がわかります。
前室、空き室の状態なので空欄が目立ちます。
入力間違いのある場合は更新をクリックして訂正してください。
トップへ戻るをクリックして、メニュー登録をクリックし、部屋 登録と同様に一つずつ登録します。
ここで、メニューに画像を付けたい時は、イメージファイル名欄 にファイル名を拡張子まで含めて入力し、メニュー登録成功画面 で画像ファイルのアップロードをクリックします。
ファイルアップロード画面で参照ボタンを押すと、ダイアログが 開きます。
ファイルを選択して、アップロードボタンを押してください。
このとき、ファイル名がメニュー登録で入力したファイル名と同 じでなければいけません。
トップへ戻るをクリックして、メニュー登録一覧をクリックして ください。
きちんと表示されているでしょうか。
表示されないときは更新をクリックして適切なイメージファイル 名に訂正してください。
画像がないときはイメージファイル名を入力しなくてもいいで す。
下の画面ではケーキの画像をなしにしています。
これで一応開店の準備はできました。
携帯電話を持っている顧客はhttp: //xxxxx.xxxx,xx.xx/reservation/ にアクセスすると下の画面が表示されます。(xxxxxx.xxxx.xx.xxの部分はあなたのURLで他のWEBサーバーが80番のポートを使ってい ない場合。使っている場合は xxxx.xxxxx.xxx.xx:8080にする。)
ここでは見やすいように、パソコンでの画面にしています。
顧客の携帯のメールアドレスと名前を入力して登録を押すと、携 帯にこちらから確認といたずら防止のための、パスワードをメールで2、3分位で送信します。
ここではパスワード1が送信されています。
上の画面の予約ログイン画面へをクリックします。
パスワードと携帯のメールアドレスでログインします。
部屋予約画面へをクリックして、プルダウンメニューで年月日を 選択します。
プログラムで予約は一ヵ月先までとしていますので、下の画面の ようにその期限内で予約しないと、赤い文字で警告がでます。
期限はプログラムで変更できます。
正しく入力すると、顧客の携帯に確認のメールを送信します。
これで予約の手続きは終りです。
予約を取り消したい時は、上の画面の部屋予約削除画面へをク リックして取り消します。
予約が入って来た状態での管理者の画面を見てみます。
http://xxxxx.xxxx,xx.xx/shop/ にアクセスし、予約ログイン一覧表示をクリックします。
ここで、予約済みの欄で予約済みと空欄の二種類に分かれてい ます。
これはパスワードを発行されて、部屋の予約まで行なったかどう かの違いです。
空欄になっている、顧客にはメールで割引きの特典などで予約を 取るように販促を行なえます。
トップへ戻るをクリックして、予約者一覧表示をクリックしま す。
下の画面では予約者の合計人数が61人になっています。
キーワード検索で8ー03と入力して検索ボタンを 押します。
特定の日の予約者の一覧と合計人数が表示されています。
キーワード検索を上手に利用して、顧客にメールで何日は混んで いますなどの情報を知らせることができます。
またはトップへ戻るをクリックして、予約状況グラフをクリック して柱状グラフで調べることもできます。
トップへ戻るをクリックして、再び予約者一覧表示をクリックし ます。
予約した顧客がカラオケ店に訪れたとします。
予約名を聞いて、その行の予約者入室選択をクリックします。
すると予約人数と空き室から自動的に入室可能な部屋の一覧を表 示します。
ここでは最も収容人員の少ない部屋の行の入室選択を選ぶのが適 切です。
フォームには自動的に予約の申し込みの入力が記入されていま す。
ここで変更があれば、たとえば人数を11人から12人にする場 合、フォームを変更して入室ボタンを押してください。
トップへ戻るをクリックして、部 屋稼働一覧表示、または部屋使用記録一覧表示をクリックしま す。
部 屋稼働一覧表示は空き室と入室の部屋を表示します。
部屋使用記録一覧表示は過去使用した状況も表示します。
入室している部屋の顧客名、予約番号、人数と開始時間の欄が埋 まっています。
予約をしていない顧客の入室はメニュー画面の顧客入室をクリッ クして、入室可能部屋一覧から入店した顧客の人数に合った部屋を選 択してください。
予約した顧客のフォームと違って、部屋名以外全部空欄になって います。
携帯を持っている顧客にはその携帯のメールアドレスを入力して ください。
携帯を持っていない顧客には、a@bなどのあらかじめ決めた メールアドレスを入力してください。
@を文字列の中程に加えないと入力ミスと赤字で表示され入力で きません。
この方法で入室した顧客は部屋登録一覧表示で予約番号が空欄に なっています。
客は受付で案内された部屋に入室して、メニューを注文したいと き、携帯でhttp://xxxxx.xxxx,xx.xx/guest/ にアクセスし、ログイン画面で部屋名と携帯のメールアドレスを入力します。
メニュー一覧表示をクリックします。
注文したいメニューをクリックして注文します。
注文したメニューと代金を調べたい時は注文一覧表示へをクリッ クします。
受付ではhttp://xxxxx.xxxx, xx.xx/shop/ にアクセスし、部 屋稼働一覧表示、または部屋使用記録一覧表示から注文状況が見えます。
注文のメニューの配達状況は注文一覧表示から管理します。
ここでキーワード検索を上手に利用して売上記録として使って見 ましょう。
キーワード検索の欄に7ー22を入力します。
すると7月22日のメニュー売上金が表示されます。
トップへ戻るをクリックしてメニュー別売上グラフをクリックす ると、日付ごとのメニュー別の注文状況がわかります。
本来の使い方に戻って、注文一覧表示から顧客に注文品を届け 終った処理は配達状況の欄の配達をするをクリックして配達のボタンを押します。
携帯を持っていない顧客には受付で携帯またはパソコンから http://xxxxx.xxxx,xx.xx/guest/ にアクセスし、ログイン画面で部屋名と携帯のメールアドレスを入力し、直接内線電話で注文されたメニューを顧客のように入力します。
面倒なようですが、会計の時や全体管理がしやすくなります。
顧客が退室をして受付で会計をするとき、受付ではhttp: //xxxxx.xxxx,xx.xx/shop/ にアクセスし、メニュー画面から顧客退室登録をクリックします。
退室する顧客を選択します。
今回は例として予約客には500円割引とします。
500を入力して会計ボタンを押します。
すべて自動的に計算をしてくれます。
トップへ戻るをクリックして、部屋使用記録一覧表示をクリック すればこの記録も保存されています。
トップへ戻るをクリックして、帳簿作成をクリック すればオフィスが起動して自動的に表とグラフに表示してくれます。
そのままでも保存できますが、メニューバーのファイルをクリッ クして現れるPDFにエクスポートするをクリックするとPDFファイルで保存することもできます。
なお文字化けが起こる場合は上から3段目の左端のツールバーの プルダウンメ ニューから適切なフォント(Minchoなど)を選択してください。