---
# System prepended metadata

title: 2期生 ショッピングWebApp
tags: [SAiTech]

---

# 2期生 ショッピングWebApp
###### tags: `SAiTech`

## システム概要
### サービス名
ショッピングWebApp

### 背景
顧客が自宅で簡単に商品を購入できるようにしてあげたい

### 目的・方針
外部公開を目的としないβ版までの開発をお願いします。
こちらの要求する機能を実装したものをgithub上にpushして、こちらで確認できるようにして下さい。

## 機能要件
### 使用言語
PHP,CSS, JavaScriptを使っての開発でお願いします

### 主な機能
主なページ数は４ページになります。
ページごとの機能については下記に記してあります。

#### メイン画面
- Userの追加、選択を出来るようにしてください
- User追加の際にはその人物の所持金を決めれるようにしてください。
- User選択をした場合は、そのUserをログインユーザーとして扱い、買い物ページのヘッダー部分にユーザー名を表示してください。
- 追加を行った際はメイン画面内でリダイレクト処理。選択した場合は買い物ページへ画面遷移の方お願いします。

#### 買い物ページ
- ヘッダーに現在ログインしているユーザーの名前と、カートページへの飛ばすためのリンクを作ってください。
- またログインしているユーザーの名前をクリックしたときにその人の「個別ページ」に飛べるようにしてください
- 買い物ページには、いくつかの商品と値段と個数を選択できるようにしてください
- 一番下に「カートへ入れる」ボタンを設置し、商品の個数が0以上の物をカートに入れてください。
- 選択できる個数は10までとし、数字の入力または、プルダウンなどを用いて実装をしてください。
- カートへ入れるボタンを押した際に「カートページ」に自動で飛ぶようにしてください。

#### カートページ
- カートに入っている商品の名前と、個数、合計の値段、削除ボタンを表示してください
- 一番下に「購入する」ボタンを作ってください。
- 購入するボタンを押したときに、所持金以内であれば、所持金を減らし「個別ページ」へ飛ばしてください
- 購入するボタンを押したときに、現在のユーザーの所持金より少ない場合は、所持金が足りないことを、ユーザーにわかるように表示してください
- 削除ボタンを押した際は、その商品をカートから削除し、カートページをリダイレクトしてください。

#### 個別ページ
- ログインしているユーザー名、現在の所持金、購入した商品の名前と個数、所持金追加、ユーザーの削除ボタンを設置してください。
- 所持金の追加は一回の処理で10,000円までとし、処理後はページをリダイレクトしてください。
- ユーザーの削除ボタンを押された際は、削除をしても良いかを、一度確認を行い。「いいえ」の場合は処理を行わず、「はい」の場合ユーザ削除後、メインページへ飛ばしてください。

#### 全ページ機能
- Headerはどこのページにも表示されるようにし、サービスの名前を入れて、サービス名をクリックしたらメインページに飛ぶようにしてください。


### データモデル図/画面一覧
デザインやデータ構造については、言及はしませんが、管理のしやすさ。ある程度整ったデザインで開発していただけると幸いです。
※完成させることが第一優先で、これはあくまでおまけ程度


## 非機能要件
セキュリティーや性能等は考慮しなくて大丈夫です

## 運用・保守
localで動くことが確認できれば問題ありません。
プロジェクトはgithubでソースコード管理を行い。
講師陣が確認できるようにしてください。