見本ネット販売システム

システム見本

ネット販売システム

システムを画面の画像を使用して説明します。
システムは大きく分けて管理者の画面と在庫管理の画面と顧客の画面の三つに分かれます。
各画面は標準のHTMLタグでデザインを自由に変えられます。

管理者の画面(http: //xxxxx.xxx.xx/company/)

会社名、支店名登録を行ない顧客画面のタイトルや在庫管理の画面のログインの支店名やパスワードを設定します。
顧客、製品、支店、在庫の更新、削除が許され、各支店は製品の入庫、出庫はできますが、更新、削除は備考欄を使って管理者に要請しない限りできない。
製品の登録ができ、顧客からの製品注文を発注画面から支店を選択して発注する。自動的に条件設定から発注するシステムを創ることも可能。

顧客の画面(http: //xxxx.xx.xx/customer/)

製品の購入を行ない、代金の支払いを指定する。(システムにカード決済を組み込むには別途、有料の申込みが必要)

在庫管理の画面(http: //xxxx.xxx.xx/branch/)

管理者の画面で登録された支店がログイン画面からID名とパスワードでログインし、製品の入庫ができる。
各支店は他の支店の在庫状況が見えない独立した管理になっている。
ただし、管理者からはすべての支店の在庫状況が見えているので管理者からの発注依頼で出庫をする。
顧客、製品、在庫の更新、削除は、備考欄を使ってリアルタイムで管理者に要請するしかない。
下の説明画面では在庫画面の説明はページが大きくなるので部分的だけにします。

http://xxxxx.xxxx,xx.xx/company/ にアクセスすると下の管理者のログイン画面が表示されます。 (xxxxxx.xxxx.xx.xxの部分はあなたのURLで他のWEBサーバーが80番のポートを使っていない場合。使っている場合は xxxx.xxxxx.xxx.xx:8080にする。)
ここで適切な文字を入力してログオンボタンを押して次の画面に移ります。

前の画面で適切な文字を入力しないと次の様なエラーが表示されるので再度入力してください。
各フォーム画面では適切な文字を入力しないと同様のエラーが表示されます。

適切な文字を入力するとメニュー画面に移ります。
初めてログインしたときは会社名を登録してください。
最初は必ず会社名登録更新をクリックして会社名登録画面に移ります。

フォームに例えば下の様に入力して登録のボタンを押すと顧客の各画面の適切な場所にそれらの文字が表示されます。

データベースに保存されると成功画面が表示されます。

もしなんらかの理由でデータベースに保存されないときは次の失敗画面が表示され、データベースにはトランザクションによって何も保存されないのでトップへ戻って再度やり直してください。

製品を登録したいときはトップに戻って製品新規登録をクリックして下の画面を表示して、適切に入力してください。
登録ボタンを押すとデータベースに保存され、確認の画面が表示されます。

この手順を何回か繰り返して、確認の画面で製品一覧表示をクリックすると、次の画面が表示され、画像の表示がされていません。
製品画像ファイル名の拡張子を忘れていることがわかります。
更新をクリックして直します。

訂正して更新ボタンを押すと、正しく表示されます。

次はトップへ戻るをクリックして、振込み先登録などを同様な手順で操作してください。
注文や顧客情報はまだアクセスのない場合、表のタイトルだけが表示されるだけです。
外のパソコンや異なるパソコンからアクセスしているときなどは、画像ファイルのアップロードをクリックするとデフォルトのアップロード先が表示されたフォームで参照ボタンを押して(直接入力してもいいです)、ファイルを指定してアップロードボタンを押してください。

顧客の注文が入ればトップのページの顧客情報一覧をクリックして顧客管理の画面を表示します。

デフォルトで処理状況はNOになっています。
左端の更新をクリックして更新画面で処理状況を変えます。
これを繰り返して顧客を管理できます。

この画面ではキーワード検索の他に処理状況だけに限定したキーワード検索を加えました。
顧客管理をする便利な機能は自由に追加できます。

顧客は自動的に連番が振られています。
注文品にも自動的に連番が振られます。
例えば１番の顧客の注文品を見るをクリックすると下の画面でそれぞれの顧客の注文品の管理ができます。
更新をクリックして備考の欄を変更して管理するのです。

また、顧客情報一覧表示をクリックして、キーワード検索に@を入力してメールアドレスを記入している顧客を検索して、新製品の案内のメールを送信することができます。
顧客キーワード検索情報一覧のメール作成をクリックすると、メール作成画面に移ります。
振込み金額0円の顧客は途中で買うのをやめたか、ネットワークのトラブルで通信が切断された顧客です。
買っていない顧客でも情報はデータベースに保存します。

To:フィールドとCc:フィールドにはデフォルトで先のキーワード検索のメールアドレスが入力されています。
変更も自由です。
題目、本文などを記入して送信ボタンを押してください。

しばらく待つと送信完了画面が表示されます。

システムの顧客の画面の流れを説明します。

http://xxxxxx.xxxx.xx.xx:8080/customer にアクセスすると下の画面が表示されます。 (xxxxxx.xxxx.xx.xxの部分はあなたのURL)
製品一覧表示をクリックして次の画面に移ります。

管理者の画面で入力した項目が表示されます。

注文画面へをクリックし、フォームに入力して登録のボタンを押します。

確認の画面が表示され、さらに注文画面へをクリックします。

製品一覧の各行にリンクの下線付きの注文の文字が付け加わっています。
その文字を一つをクリックしてもいいのですが、便利な機能の製品名キーワード検索を使ってみます。
ピーマンと半角スペースを開けて、１２０を入力してAND検索をしてみます。
普通にピーマンと入力してもいいです。
プログラムを変えれば特殊文字でAND検索OR検索両方に対応できるようにもできます。
サンプルでは各ページのキーワード検索は半角スペースを挟めて２文字以上の文字列を入力すると、その全ての文字列を含む行を検索するAND検索にしています。

ここでシステムで検索してみます。

さっきより製品がしぼり込まれています。
製品の項目が多いときに重宝します。
ここでネットシステムの注文の文字をクリックしてみます。

３を入力して注文のボタンを押します。

確認の画面が表示され、ここで注文を続けるをクリックして同様な操作を何回か続けて、注文品を見るをクリックします。

ここでは注文決定をクリックします。

振み込先一覧が表示されますが、カード支払いのリンクを貼ることもできます。
ここでは新生銀行の選択をクリックします。

確認の画面が表示されて、確認のボタンを押すとデータベースに保存されます。
また、メールアドレスを記入した顧客には、EIC太郎様、ありがとうございます。お買い上げ合計金額の7030円の新生銀行神戸支店口座番号3456666のお振り込みをお待ちしています。などのメールが自動的に送信されます。

在庫管理の画面の流れを説明します。

http://xxxxx.xxx.xx/branch/にアクセスすると、ログイン画面で本店支店ID番号とパスワードを要求されます。
管理者画面で設定した本店支店ID番号とパスワードを正確に入力するとログインできます。
そこで製品一覧を表示して入庫フォームから製品を入庫します。
その情報はリアルタイムに管理者に送信され、下のような画面が表示されます。

各支店では入庫はできても、発注はできません。
発注は管理者の画面で注文一覧の表示から発注入庫選択一覧表示をクリックして自動的に捜し出して表示する発注可能一覧から発注します。
各支店に発注情報が届き各支店は出庫をします。
これらの操作をすべて自動的にするシステムに変更することもできます。