【初心者向け/ITスクール 71日】個人プロジェクトスタート5日目

はじめに

今日は、今まで学んだ技術を生かい、Projectの設計とFLOWを考えました。
明日からは、ERD、UMLを勉強し簡単に設計する方法と考えながらやっていきたいと思います。

Project Concept

Project

テーマー：ネットショッピングモール
Responsive Web site(mobile ~ 768px, 1200px 対応）で作成し、
Global Web Siteのコンセプトとして、Springのmessageを活用。

選定理由

. 会員、商品、注文など基本CRUDを練習することができるから
. ログイン、カート機能でCookie,Sessionを練習するため
・ショッピングモールの場合、UX/UIと感覚が大事なので、Frontendの練習にもなるから

Backend

Frontend

Tool

Flow Chart

一番、難しいところは、会員登録をしていない人と会員のカートを分けることだと思います。
様々なWEBサーチが必要になると思いますが、目標として、会員のログインまでは具象したいです。

一人の個人運営者が登録した商品を、ユーザーが購入するイメージになります。

機能

バックエンド機能

ユーザー：会員入会・情報修正・退会、カート登録、購買
管理者：商品登録、商品修正、商品削除、会員リスト照会、会員削除、注文紹介など
共通機能：ログイン、ログアウト

目標

基本CRUDを徹底にし、Optional class、Lambdaもチャレンジする。
SpringでValidationを具象する。
filterを活用し、dispatcherServletに入る前に、色々チェックをし、保安を強化する。
PRGを具象してみる。
グロバール化を視野に入れ、messageでmodule化してみる。

フロントエンド機能

・レスポンシブWEBサイト
・Night mode
・リアルタイムでValidationをチェック

目標

jQueryを使わず、純粋なJSでDOM elementをコントロールする。
Night modeを具象してみる。
renderingのために、bootstrapを使わず、Vanillaで具象する。