Infinity ELearning Management System

Infinity(e러닝 관리 시스템) ❤️

강좌 등록 및 학습을 용이하게 하고, 해당 강좌를 위시리스트에 추가하고, 전체 애플리케이션을 관리할 수 있는 Elearning 관리 시스템입니다. 1) ADMIN 2) USER 3) PROFESSOR 3가지 작동 모드가 있습니다.

기술 스택

프런트엔드 서비스?

• HTML
• CSS
• 타입스크립트
• 제이쿼리
• 유튜브 플레이어 API
• 각도 재료
• 부트스트랩

백엔드 서비스 ❤️

• 자바
• 스프링 부트
• 스프링 시큐리티
• Jwt 무기명 토큰
• MySQL 데이터베이스

개발 도구 ⚡

• 스프링 도구 모음
• 우편 집배원
• 비주얼 스튜디오 코드

프로젝트 사용자

• 관리자(Admin)
• 사용자(학생)
• 교수

프로젝트 개발에 대하여?

이 프로젝트는 Angular CLI 버전 16.2.1로 생성되었습니다.

개발서버

개발 서버에 대해 ng Serve를 실행합니다. http://localhost:4200/으로 이동합니다. 소스 파일을 변경하면 앱이 자동으로 다시 로드됩니다.

백엔드 서버

스프링 애플리케이션을 스프링 부트 앱으로 실행합니다. http://localhost:8000/으로 이동합니다. 또한 그에 따라 application.properties(데이터베이스 관련 항목) 파일을 변경합니다.

코드 스캐폴딩

ng generate 구성 요소 구성 요소 이름을 실행하여 새 구성 요소를 생성합니다. ng generate directive|pipe|service|class|guard|interface|enum|module을 사용할 수도 있습니다.

빌드 ⚡

ng build를 실행하여 프로젝트를 빌드합니다. 빌드 아티팩트는 dist/ 디렉터리에 저장됩니다.

추가 도움말

Angular CLI에 대한 추가 도움말을 보려면 ng help를 사용하거나 Angular CLI 개요 및 명령 참조 페이지를 확인하세요.

특징

관리 모드?

이 모드를 사용하면 관리자가 되어 다음과 같은 다양한 활동을 수행할 수 있습니다.

• 교수 추가
• 사용자/학습자 관리
• 관리교수
• 새로운 코스 및 챕터 추가
• 교수 목록, 강좌 목록, 사용자 목록 보기
• 교수가 이 포털에 새로운 교수로 등록할 때 교수를 수락하거나 거부합니다.
• 코스에 추가된 총 교수 수, 총 사용자, 총 학습자, 총 코스, 가장 좋아하는 코스 및 총 챕터 등 관리 대시보드에서 다양한 세부 정보를 얻을 수 있습니다.

교수모드 ❤️

이 모드에서는 교수가 되어 다음과 같은 다양한 활동을 수행할 수 있습니다.

• 교수는 포털에 로그인하기 위해 새 계정을 등록할 수 있습니다.
• 사용 가능한 사용자 목록을 확인하세요
• 수강 가능한 강좌를 확인하세요
• 새 코스 추가
• 교수 프로필 세부정보 보기 및 편집
• 원하는 강좌를 등록하면 교수도 강좌를 학습하고 즐겨찾기로 설정할 수 있습니다.
• 관리자가 유효한 교수로 등록 승인을 확인하십시오.
• 각 코스에 대한 새 장 추가
• 총 학습자, 총 강좌, 가장 좋아하는 강좌 및 강좌에 추가된 총 챕터 등 교수 대시보드에서 다양한 세부 정보를 확인하세요.

사용자 모드?

이 모드를 사용하면 사용자가 되어 다음과 같은 다양한 활동을 수행할 수 있습니다.

• 사용자는 포털에 로그인하기 위해 새 계정을 등록할 수 있습니다.
• 수강 가능한 강좌 목록을 확인하세요
• 이용 가능한 구체적인 학습 콘텐츠와 위시리스트를 확인하세요
• 사용자 프로필 세부정보 보기 및 편집
• 새로운 강좌에 등록하세요
• 수강신청 강좌와 선호 강좌를 확인하세요
• 코스에 추가된 총 학습자, 총 코스, 가장 좋아하는 코스 및 총 챕터 등 사용자 대시보드에서 다양한 세부 정보를 얻을 수 있습니다.

[추가 기능: 사용자는 포털 자체에 포함된 비디오 코스로 YouTube 튜토리얼 코스를 배우기 위해 등록할 수 있습니다.]

엔터티 관계 다이어그램

UI 개요 ❤️