Infinity ELearning Management System

Infinity(Eラーニング管理システム) ❤️

これは、コースの登録と学習、ウィッシュリストへの追加、およびアプリケーション全体の管理を容易にする E ラーニング管理システムです。 1) 管理者、2) ユーザー、3) 教授の 3 つの動作モードがあります。

技術スタック

フロントエンドサービス?

• HTML
• CSS
• TypeScript
• Jクエリ
• Youtube プレーヤー API
• 角のあるマテリアル
• ブートストラップ

バックエンドサービス❤️

• ジャワ
• スプリングブーツ
• スプリングセキュリティ
• Jwtベアラートークン
• MySQLデータベース

開発ツール ⚡

• スプリングツールスイート
• 郵便屋さん
• Visual Studioコード

プロジェクトのユーザー

• 管理者(管理者)
• ユーザー(学生)
• 教授

プロジェクト開発について?

このプロジェクトは、Angular CLI バージョン 16.2.1 で生成されました。

開発サーバー

開発サーバーに対して ngserve を実行します。 http://localhost:4200/ に移動します。ソース ファイルを変更すると、アプリは自動的にリロードされます。

バックエンドサーバー

Spring アプリケーションを Spring Boot アプリとして実行します。 http://localhost:8000/ に移動します。また、application.properties(データベース関連)ファイルも適宜変更してください。

コードのスキャフォールディング

nggenerateComponentコンポーネント名を実行して、新しいコンポーネントを生成します。 ng generated directive|pipe|service|class|guard|interface|enum|module を使用することもできます。

ビルド ⚡

ng build を実行してプロジェクトをビルドします。ビルド アーティファクトは dist/ ディレクトリに保存されます。

さらにヘルプ

Angular CLI に関する詳細なヘルプを取得するには、ng help を使用するか、Angular CLI の概要とコマンド リファレンスのページを確認してください。

特徴

管理者モード?

このモードでは、管理者になり、次のようなさまざまなアクティビティを実行できます。

• 教授を追加する
• ユーザー/学習者の管理
• 管理教授
• 新しいコースと章を追加する
• 教授一覧、コース一覧、利用者一覧を見る
• 教授がこのポータルに新しい教授として登録するときに、教授を受け入れるか拒否します。
• 管理ダッシュボードで、教授総数、ユーザー総数、学習者数総数、コース総数、最も気に入ったコース、コースに追加された章の総数などのさまざまな詳細を取得します。

プロフェッサーモード❤️

このモードではあなたが教授になり、次のようなさまざまなアクティビティを実行できます。

• 教授はポータルにログインするために新しいアカウントを登録できます
• 利用可能なユーザーリストを確認する
• 利用可能なコースを確認する
• 新しいコースを追加する
• 教授プロフィールの詳細の表示と編集
• 希望のコースを登録すると、教授もコースを学習してお気に入りに登録することができます
• ADMIN による有効な教授としての登録承認を確認してください
• 各コースに新しい章を追加
• 教授ダッシュボードでは、合計学習者数、合計コース、最も気に入ったコース、合計チャプターがコースに追加されるなど、さまざまな詳細情報を取得できます。

ユーザーモード?

このモードでは、ユーザーがユーザーになり、次のようなさまざまなアクティビティを実行できます。

• ユーザーはポータルにログインするために新しいアカウントを登録できます
• 受講可能なコース一覧を確認する
• 利用可能な具体的な学習コンテンツとウィッシュリストを確認する
• ユーザープロフィールの詳細の表示と編集
• 新しいコースに登録する
• 登録コースとお気に入りコースを確認する
• ユーザー ダッシュボードで、合計学習者数、合計コース、最も気に入ったコース、コースに追加された合計章などのさまざまな詳細を取得します。

[追加機能: ユーザーは、ポータル自体に埋め込まれたビデオ コースとして YouTube チュートリアル コースを学習するために登録できます]

エンティティ関係図

UIの概要❤️