TobeDevOps 포털은 메뉴를 접었다 펼칠 수 있는 왼쪽 메뉴, 알람 및 유저 아이콘이 위치한 상단, 대시보드 형태의 홈이나 업무 화면, 총 3개의 프레임으로 구성되어 있습니다.

이미지_2024-07-25_161503713

홈화면

포털에서 제공하는 서비스를 한눈에 볼 수 있는 대시보드 형태의 홈 화면으로 최근 발생한 이력을 확인하고 각 메뉴로 바로 이동하여 사용할 수 있습니다.

이미지_2024-07-25_161610673

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

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

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

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

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

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

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

탑 프레임 구성요소

상단 프레임에 위치한 종 모양 버튼을 클릭하여 Lv.4(major)~Lv.5(critical) 레벨의 최근 3일 치 알람을 확인하는 팝업을 오픈합니다.

알람 목록의 제목을 클릭하면 [모니터링 > 알람] 메뉴로 이동하여 선택된 알람 내용을 조회합니다.

이미지_2024-07-25_163433813

상단 프레임에 위치한 유저 아이콘을 클릭하여 로그아웃 하거나 사용자 기본 정보를 수정할 수 있는 유저 팝업을 오픈합니다.

이미지_2024-07-25_163525139

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

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

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

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

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