# 2期生 ショッピングWebApp ###### tags: `SAiTech` ## システム概要 ### サービス名 ショッピングWebApp ### 背景 顧客が自宅で簡単に商品を購入できるようにしてあげたい ### 目的・方針 外部公開を目的としないβ版までの開発をお願いします。 こちらの要求する機能を実装したものをgithub上にpushして、こちらで確認できるようにして下さい。 ## 機能要件 ### 使用言語 PHP,CSS, JavaScriptを使っての開発でお願いします ### 主な機能 主なページ数は４ページになります。 ページごとの機能については下記に記してあります。 #### メイン画面 - Userの追加、選択を出来るようにしてください - User追加の際にはその人物の所持金を決めれるようにしてください。 - User選択をした場合は、そのUserをログインユーザーとして扱い、買い物ページのヘッダー部分にユーザー名を表示してください。 - 追加を行った際はメイン画面内でリダイレクト処理。選択した場合は買い物ページへ画面遷移の方お願いします。 #### 買い物ページ - ヘッダーに現在ログインしているユーザーの名前と、カートページへの飛ばすためのリンクを作ってください。 - またログインしているユーザーの名前をクリックしたときにその人の「個別ページ」に飛べるようにしてください - 買い物ページには、いくつかの商品と値段と個数を選択できるようにしてください - 一番下に「カートへ入れる」ボタンを設置し、商品の個数が0以上の物をカートに入れてください。 - 選択できる個数は10までとし、数字の入力または、プルダウンなどを用いて実装をしてください。 - カートへ入れるボタンを押した際に「カートページ」に自動で飛ぶようにしてください。 #### カートページ - カートに入っている商品の名前と、個数、合計の値段、削除ボタンを表示してください - 一番下に「購入する」ボタンを作ってください。 - 購入するボタンを押したときに、所持金以内であれば、所持金を減らし「個別ページ」へ飛ばしてください - 購入するボタンを押したときに、現在のユーザーの所持金より少ない場合は、所持金が足りないことを、ユーザーにわかるように表示してください - 削除ボタンを押した際は、その商品をカートから削除し、カートページをリダイレクトしてください。 #### 個別ページ - ログインしているユーザー名、現在の所持金、購入した商品の名前と個数、所持金追加、ユーザーの削除ボタンを設置してください。 - 所持金の追加は一回の処理で10,000円までとし、処理後はページをリダイレクトしてください。 - ユーザーの削除ボタンを押された際は、削除をしても良いかを、一度確認を行い。「いいえ」の場合は処理を行わず、「はい」の場合ユーザ削除後、メインページへ飛ばしてください。 #### 全ページ機能 - Headerはどこのページにも表示されるようにし、サービスの名前を入れて、サービス名をクリックしたらメインページに飛ぶようにしてください。 ### データモデル図/画面一覧 デザインやデータ構造については、言及はしませんが、管理のしやすさ。ある程度整ったデザインで開発していただけると幸いです。 ※完成させることが第一優先で、これはあくまでおまけ程度 ## 非機能要件 セキュリティーや性能等は考慮しなくて大丈夫です ## 運用・保守 localで動くことが確認できれば問題ありません。 プロジェクトはgithubでソースコード管理を行い。 講師陣が確認できるようにしてください。