메인화면

로그인 후 포털시스템에 접근이 가능한 사용자에게 표시되는 포털 [메인화면]입니다.

1. 로그인한 사용자 계정에 따라 TobeDevOps에서 사용할 수 있는 메뉴가 고정되어 좌측에 보여집니다. 메뉴 선택 시 우측에 화면이 나타납니다.

2. 좌측 메뉴 접어서 오른쪽 메뉴 화면을 넓게 사용할 수 있습니다. 접혀진 메뉴는 다시 펼치기하여 사용 가능합니다.

3. 시스템 사용시 최근 3일치 발생한 알람 정보 팝업이 호출됩니다.

4. 내 정보를 확인하고 설정할 수 있는 팝업이 호출됩니다.

5. TobeDevOps에서 제공하는 서비스를 한눈에 볼 수 있는 대시보드 형태의 홈 화면입니다.

메인 대시보드의 항목별 상세 정보는 다음과 같습니다.

1. 자신이 속한 스페이스 수 및 상태를 확인합니다. 상태 별 버튼 클릭 시 [스페이스 개요] 메뉴로 이동하여 선택된 상태의 스페이스를 조회합니다.

2. 자신이 속한 프로젝트 개 및 상태를 확인합니다. 상태 별 버튼 클릭 시 [프로젝트 개요] 메뉴로 이동하여 선택된 상태의 프로젝트를 조회합니다.

3. TobeDevOps 서비스에서 수집되는 알람 중 최근 목록을 확인합니다. 알람 내용 클릭 시 [모니터링 > 알람] 메뉴로 이동하여 선택된 알람 내용을 조회합니다.

4. 자신이 속한 프로젝트의 최근 빌드 현황을 확인합니다. 각 빌드 목록 클릭 시 해당 서버의 배포 환경 빌드 내용을 확인할 수 있는 GitLab으로 이동하여 선택된 빌드의 상세 내용을 확인합니다.

5. TobeDevOps 공지사항 및 등록된 프로젝트의 최근 게시물을 확인합니다. 게시물의 제목 클릭 시 선택된 게시물의 상세 내용을 확인합니다.

6. 자신이 속한 프로젝트의 최근 배포 현황을 확인합니다. 각 배포 목록 클릭 시 해당 서버의 배포 환경 별 애플리케이션 상태를 확인할 수 있는 ArgoCD로 이동하여 선택된 배포 정보를 확인합니다.

7. 자신이 속한 프로젝트의 최근 이슈를 확인합니다. 이슈 제목 클릭 시 해당 서버의 배포 환경 별 이슈를 확인할 수 있는 GitLab으로 이동하여 선택된 이슈의 상세 정보를 확인합니다.

알람 정보 팝업의 상세 설명은 다음과 같습니다.

1. 알람 팝업 목록에 대한 설명입니다.

2. 발생한 알람의 간략한 정보를 확인합니다.

마이페이지 팝업의 상세 설명은 다음과 같습니다.

1. [Logout] 버튼을 클릭하여 접속한 계정을 로그아웃 합니다.

2. 펜 모양 버튼을 클릭하여 전화번호를 수정을 활성화 합니다.

3. 콤보 박스를 사용하여 사용자가 언어를 변경할 수 있습니다. TobeDevOps 포털은 한국어와 영어를 제공합니다.

4. 프로젝트 개요 화면에 보여지는 프로젝트 카드의 정렬 순서를 변경할 수 있습니다.

5. [저장] 버튼을 클릭하여 변경한 정보를 저장합니다. 내용이 수정되면 저장 버튼이 활성화되며 변경된 정보를 재 로그인하여 확인할 수 있습니다.