메인화면
로그인 후 사용자가 포털에서 확인하는 화면입니다.
메뉴2
1로그인한 사용자 계정에 따라 포털에서 사용할 수 있는 메뉴가 고정되어 좌측에 보여집니다. 메뉴 선택 시 우측에서 해당 메뉴 화면을 볼 수 있습니다.
2좌측 메뉴를 접어 사용할 수 있습니다. 접혀진 메뉴는 다시 펼쳐서 사용 가능합니다.
3시스템 사용 시 최근 3일 발생한 알람을 확인할 수 있는 팝업 호출 버튼입니다.
4내 정보를 확인하고 설정할 수 있는 팝업 호출 버튼입니다.
5제공되는 서비스 내역을 한 눈에 확인할 수 있는 대시보드 형태의 홈 화면입니다.
좌측 메뉴는 접었다 펼칠 수 있는 구조로 메뉴 화면을 넓게 사용할 수 있습니다.
그림9
홈 화면에서는 제공되는 서비스의 최근 내역을 한 눈에 확인하고 해당 화면으로 바로 이동할 수 있습니다.
메뉴4
1자신이 속한 스페이스의 상태 별 개수를 확인합니다. 상태 별 버튼 클릭 시 [스페이스 개요] 메뉴로 이동하여 선택된 상태의 스페이스를 조회합니다.
2자신이 속한 프로젝트의 상태 별 개수를 확인합니다. 상태 별 버튼 클릭 시 [프로젝트 개요] 메뉴로 이동하여 선택된 상태의 프로젝트를 조회합니다.
3수집되는 알람의 최근 목록을 확인합니다. 알람 내용 클릭 시 [모니터링 > 알람] 메뉴로 이동하여 선택된 알람 내용을 조회합니다.
4자신이 속한 프로젝트의 최근 빌드 현황을 확인합니다. 각 빌드 목록 클릭 시 해당 서버의 배포 환경 빌드 내용을 확인할 수 있는 GitLab으로 이동하여 선택된 빌드의 세부 정보를 확인합니다.
5공지사항 및 등록된 프로젝트의 최근 게시물을 확인합니다. 게시물의 제목 클릭 시 선택된 게시물의 세부 정보를 확인합니다.
6자신이 속한 프로젝트의 최근 배포 현황을 확인합니다. 각 배포 목록 클릭 시 해당 서버의 배포 환경 별 애플리케이션 상태를 확인할 수 있는 ArgoCD로 이동하여 선택된 배포 정보를 확인합니다.
7자신이 속한 프로젝트의 최근 이슈를 확인합니다. 이슈 제목 클릭 시 해당 서버의 배포 환경 별 이슈를 확인할 수 있는 GitLab으로 이동하여 선택된 이슈의 세부 정보를 확인합니다.
알람 정보 팝업에서는 알람 팝업의 목록 정보와 발생 알람 목록을 확인할 수 있습니다.
메뉴5
1알람 팝업 목록에서는 최근 3일 발생한 위험도가 높은(Lv.4~Lv.5) 알람을 확인할 수 있습니다.
2발생한 알람의 정보를 간략하게 확인할 수 있으며 알람 선택 시 알람 화면에서 해당 알람의 조건을 검색 조건으로 조회된 알람을 확인할 수 있습니다.
마이페이지 팝업의 상세 설명은 다음과 같습니다.
메뉴6
1[Logout] 버튼을 클릭하여 접속한 계정을 로그아웃 합니다.
2펜 모양 버튼을 클릭하여 전화번호를 수정을 활성화 합니다.
3콤보 박스를 사용하여 사용자가 언어를 변경할 수 있습니다. TobeDevOps 포털은 한국어와 영어를 제공합니다.
4프로젝트 개요 화면에 보여지는 프로젝트 카드의 정렬 순서를 변경할 수 있습니다.
5[저장] 버튼을 클릭하여 변경한 정보를 저장합니다. 내용이 수정되면 저장 버튼이 활성화되며 변경된 정보를 재 로그인하여 확인할 수 있습니다.
공통 그리드
TobeDevOps에서는 각 메뉴 별로 스페이스나 프로젝트 목록 확인하기 위해 공통된 그리드를 사용하며 그리드는 메뉴 별 사용 형태가 달라집니다.
그리드 형태
그리드 형태는 크게 실행 상태 값을 주로 사용하는 것과 내가 할당된 정보를 주로 사용하는 2가지로 나누어집니다.
실행 상태 탭 그리드
주로 생성된 스페이스나 프로젝트의 상태를 조회할 수 있는 그리드로 상단에 각 상태를 선택하는 탭 영역이 있습니다. 상태 값은 기본으로 Running(실행) 선택되며 스페이스, 프로젝트, 배포, 빌드, 모니터링 메뉴에서 사용합니다.
그리드3
모니터링 메뉴는 상단의 상태 선택 탭 영역이 없으며 검색 필터를 통해 사용할 수 있습니다. 모니터링 메뉴는 기본 검색 없이 전체 프로젝트가 조회됩니다.
할당 정보 탭 그리드
내가 포함된 정보를 기준으로 조회할 수 있는 그리드로 상단에 스페이스나 프로젝트의 각 상태를 선택하는 탭 영역에 나만의 영역을 사용할 수 있는 선택 아이콘이 추가됩니다. 기본으로 나만의 영역이 선택되며 Merge Requests, 이슈, 프로젝트 게시판과 같이 내 정보 기준을 주로 확인하는 메뉴에서 사용합니다.
그리드2
각 메뉴 별 수행 기능을 기준으로 나만의 영역 아이콘 명칭이 달라집니다.
메뉴 | 아이콘 명칭 | 설명 |
|---|---|---|
Merge Request | My Assigned | 내가 Assignee(할당자)로 등록된 모든 내역을 확인합니다. |
이슈 | My Issue | 내가 Assignee(할당자)로 등록된 모든 내역을 확인합니다. |
프로젝트 게시판 | My Project | 내가 포함된 프로젝트에 등록된 모든 게시물을 확인합니다. |
그리드 정보
공통 그리드에서는 필터 된 목록을 리스트 형태로 볼 수 있으며 크기를 조절하여 하나의 목록 페이지에서 볼 수 있는 개 수를 설정할 수 있습니다.
공통 그리드는 필터와 페이징 영역으로 나눠지며 각 메뉴 별 필터 목록이 달라집니다.
그리드1
1상태 선택 탭 영역입니다. 각 상태를 선택하면 해당 상태가 검색 조건으로 추가됩니다.
2그리드 목록에 조회되는 데이터를 필터하기 위해 검색 조건을 추가하는 영역입니다. 각 메뉴 별 검색 조건이 다르게 설정됩니다.
3현재 보이는 목록의 순번을 확인하고 이동하는 페이징 영역입니다.
4그리드 목록의 개 수를 설정할 수 있는 그리드 스플리터입니다.
그리드 상태 탭 선택
스페이스나 프로젝트 목록을 상태 별로 조회할 수 있는 탭을 선택할 수 있습니다. 기본 Runnig(실행) 상태가 조회되며 탭을 변경하거나 검색 조건을 설정하여 탭을 변경할 수 있습니다.
상단 탭 상태 값에서는 상태 별 목록의 전체 수를 확인할 수 있습니다.
그리드3
기본 선택된 Runnig 외 다른 상태 탭을 선택하면 해당 상태가 검색 조건으로 변경됩니다.
그리드12
All 상태 탭을 선택하면 검색 조건이 없는 전체 상태의 목록을 확인할 수 있습니다.
그리드13
현재 선택된 상태 값에 대한 조건을 삭제하면 All 상태 탭이 자동으로 선택되어 전체 상태의 목록으로 변경됩니다.
그리드 14
나의 할당 정보를 사용할 수 있는 그리드는 상태 탭 왼쪽에 나만의 영역 아이콘이 추가됩니다. 상태 값이 선택된 상태에서 해당 아이콘을 선택하면 상태 조건은 삭제되고 나의 할당 조건이 추가됩니다.
그리드16
나의 할당 조건은 조건 탭의 삭제(X)를 클릭하여 삭제할 수 있습니다.
그리드15
나의 할당 조건이 삭제된 목록은 자동으로 Running 상태가 선택됩니다.
그리드2
그리드 검색 조건 설정
그리드는 상태나 나만의 영역 조건 외 추가 조건을 필터하여 확인할 수 있으며 검색 영역을 클릭하면 해당 목록에서 사용할 수 있는 검색 종류를 팝업으로 선택할 수 있습니다.
그리드5
팝업으로 검색 종류를 선택하면 해당 검색 종류에 맞는 검색어를 선택할 수 있습니다. 선택된 검색어는 검색 조건에 바로 추가되어 필터된 목록이 확인됩니다.
그리드6
검색 조건에서는 여러 검색 조건을 함께 설정할 수 있으며 상태가 검색 조건에 추가되면 상단 상태가 선택됩니다.
그리드6
추가된 검색 조건은 조건 탭의 삭제(X)를 클릭하여 삭제할 수 있습니다.
그리드6(1)
그리드 목록 이동
그리드 목록은 페이징 단위로 확인할 수 있으며 페이징 이동 버튼을 사용하여 목록을 변경할 수 있습니다.
그리드8
1현재 보이는 그리드 목록의 위치와 전체 목록의 개 수입니다. N-N에서는 현재 보여지는 목록의 첫 번째 행과 마지막 행의 순번이고 of N(of 다음의 숫자)는 목록의 전체 수입니다.
2그리드 목록을 이전/다음 페이지로 이동하는 버튼입니다. 이전[<] 버튼은 현재 보이는 수만큼의 이전 목록을 다음[>] 버튼은 현재 보여지는 수만큼의 다음 목록을 확인할 수 있습니다.
페이지 이동 시 현재 보이는 목록의 첫 번째 행과 마지막 행의 순번이 달라집니다.
예를 들어 그리드가 5개씩 확인할 수 있는 목록이면 1-5는 전체 목록 중 1에서 5까지 볼 수 있으며 다음 버튼 클릭 시 목록 번호는 6에서 10까지 목록을 확인할 수 있는 6-10으로 변경됩니다.
마지막 페이지의 수가 그리드에 설정된 목록의 수 보다 적을 경우 마지막 페이지의 수 기준으로 목록을 확인할 수 있으며 이전 페이지 이동 시 설정된 목록만큼 다시 확인할 수 있습니다.
그리드8(1)
그리드 목록 수 설정
조회된 데이터는 그리드를 통해 목록을 확인할 수 있으며 목록은 페이징 형태로 사용할 수 있습니다. 한 페이지에서 조회할 수 있는 기본 목록 수는 5개입니다.
그리드9(1)
그리드 하단의 스플리터를 사용하여 그리드 목록의 수를 변경할 수 있습니다. 스플리터를 마우스 드래그하여 올리면 그리드에서 보이는 수가 줄어듭니다.
그리드9
스플리터를 마우스 드래그하여 내리면 그리드에서 보이는 수가 늘어납니다.
그리드10