Loading

이 응용 프로그램의 사용자 인터페이스 요소를 사용하는 방법

소개

이 섹션에서는 PRISMAlytics Dashboard & PRISMAlytics Accounting의 사용자 인터페이스를 간략히 설명합니다.

이 문서는 "앱"을 사용하여 하나의 독립 실행형 응용 프로그램, 모듈 또는 단일 기능을 설명합니다. PRISMAlytics Dashboard & PRISMAlytics Accounting는 응용 프로그램이며 [보고서] 는 앱입니다.

사용자 인터페이스에 대한 일반적 설명

브라우저 페이지는머리글, 카드 도크 및 실제 작업 영역의 3가지 주요 부분으로 나뉩니다.

사용자 인터페이스의 주요 부분

  1. 머리글

    머리글은 로그인 또는 로그아웃, 사용자 기본 설정, 언어 선택 및 도움말에 대한 액세스를 제공합니다.

    참고

    머리글 크기는 조정할 수 없습니다.

    머리글에는 PRISMA Home의 기본 대시보드에 연결된 아이콘이 있습니다.

  2. 카드

    카드는 카드 도크에 표시할 매우 간결하고 구체적인 정보를 제공합니다.첫 번째 호출 시 대부분의 앱은 카드 도크의 단일 카드만 엽니다.

  3. 카드 도크

    카드 도크는 열려 있는 작업 영역을 추적합니다.

  4. 작업 영역

    작업 영역은 화면 영역의 대부분을 차지합니다.대부분의 작업이 발생하는 곳입니다.

  5. 실제 은 작업 영역 내에서 최대한 많은 공간을 차지합니다.두 개 이상의 앱을 작업 영역에 결합할 수 있습니다.

  6. 패널

    표시된 정보는 앱에 따라 두 개 이상의 패널로 나뉠 수 있습니다.

앱 메뉴

앱 메뉴

앱 메뉴에는 위의 그림과 같이 대시보드와 앱 메뉴를 열거나 축소하는 버튼이 있습니다.

  • 앱 메뉴가 열린 위치에서 잠겨 있습니다.앱 목록은 항상 표시됩니다.

  • 앱 메뉴가 축소되어 있습니다.앱 목록은 이 버튼을 누르기 전까지 숨겨집니다.

카드

앱 메뉴에서 하나의 앱을 선택하면 새 작업 영역이 있는 새 앱 카드가 열립니다.

카드 요소
  1. 작업 영역 이름 및 아이콘.

    처음에는 카드 머리글에 앱 이름이 제목으로 표시됩니다.

    아이콘은 선택 사항입니다.

    카드의 기본 제목을 변경하려면 카드 이름을 두 번 클릭합니다.

  2. 끌어서 놓기 버튼

    이 버튼은 "길게 누르기" 제스처가 적용되거나 마우스 커서가 카드의 제목 표시줄에 있을 때에만 나타납니다.

    핸들 아이콘을 끌어 도크 내부의 다른 위치로 카드를 이동할 수 있습니다.

  3. [앱 닫기] 버튼

    이 버튼은 "길게 누르기" 제스처가 적용되거나 마우스 커서가 카드의 제목 표시줄에 있을 때에만 나타납니다.

    하나의 앱을 닫으려면 카드 모서리의 아이콘으로 카드를 닫거나 작업 영역 메뉴에서 [앱 닫기] 을 선택합니다.

  4. 카드의 실제 내용

    카드는 주로 작업 영역을 탐색하는 데 사용됩니다.또한 카드는 작업 영역 상태에 대한 개략적인 정보를 제공합니다.

    모든 작업 영역에는 하나 이상의 활성 앱이 있을 수 있습니다.메뉴에서 새 앱을 클릭하여 시작하면 시작된 앱만 있는 새 작업 영역이 열립니다.앱 메뉴에서 기존 작업 영역으로 앱을 끌면 기존 작업 영역에 앱이 추가됩니다.시작된 각 앱은 도크에 자체 카드를 추가합니다.각 카드는 앱 상태가 변경될 때 해당 내용을 변경합니다.

    앱은 다른 배경색이나 색상 표시된 테두리를 사용하여 주의가 필요함을 시각적으로 알릴 수 있습니다.

    • 경고의 경우 주황색

    • 오류의 경우 빨간색

카드 도크

카드 도크는 실행 중인 앱을 관리합니다.

앱 메뉴에서 하나의 앱을 선택하면 새 작업 영역이 있는 새 앱 카드가 열립니다.

언제든지 현재 보이는 작업 영역에 대한 한 개의 활성 카드와 카드 도크 영역에 있는 여러 개의 비활성 카드를 볼 수 있습니다.

카드 예제가 있는 확장된 도크

도크에서 표시할 수 있는 것보다 많은 카드가 있는 경우 카드 도크 메뉴에 하나 또는 두 개의 탐색 화살표가 추가됩니다.

몇 가지 카드 도크 컨트롤을 사용할 수 있습니다.

카드 도크 컨트롤

다양한 카드 도크 보기 간에 전환할 수 있습니다.보기를 변경하려면 상단 아이콘(1)을 클릭하십시오.

버튼에는 서로 다른 대시보드 모드 중 하나에 해당하는 세 가지 아이콘이 있습니다.

  • 최소화됨

    카드 도크가 접혀 단일 열로 축소됩니다.

  • 최대화됨

    카드 도크가 사용 가능한 전체 작업 영역을 채우도록 확장됩니다.앱 패널이 표시되지 않습니다.

  • 기본값

    카드 도크가 앱 작업 영역과 공간을 공유합니다.

작업 영역에 더 많은 화면이 필요한 경우 다음을 수행할 수 있습니다.

  • 도크의 하단을 위로 끌어옵니다.

  • 에 도달할 때까지 상단 아이콘(1)을 클릭합니다.

그러면 도크가 한 줄로 축소됩니다(카드 제목).

축소된 도크

앱을 모니터링하고 빠르게 열 수 있는 앱 대시보드를 생성하려면 에 도달할 때까지 상단 아이콘(1)을 클릭합니다.앱 카드만 표시됩니다.

탐색 화살표

도크에서 표시할 수 있는 것보다 많은 카드가 있는 경우 카드 도크 메뉴에 하나 또는 두 개의 탐색 화살표(2)가 추가됩니다.

로그아웃했다가 다시 로그인해도 도크의 카드 순서가 유지됩니다.

도크를 축소하면 카드에는 한 줄의 상태만 표시됩니다.도크의 아이콘은 가로로 정렬됩니다.

작업 영역

화면의 기본 영역을 "작업 영역"이라고 합니다.

  • 작업 영역은 1개 이상의 앱에 연결되어 있습니다.

  • 작업 영역은 화면 대부분을 차지합니다.

  • 작업 영역 내에 비어 있는 공간이 없습니다.작업 영역에 표시되는 해당 정보는 사각형 패널로 그룹화됩니다.작업 영역에는 패널이 하나 이상 포함되어 있습니다.

  • 웹 페이지의 크기를 조정하면 작업 영역의 내용은 포함된 내용의 순서를 유지하지만 작업 영역에서는 스크롤 막대를 제공하지 않습니다.

  • 모든 작업 영역에는 오른쪽 상단에 점 3개 메뉴()가 있습니다.점 3개 메뉴는 작업 영역을 사용자 정의하거나 앱을 닫을 수 있는 다양한 옵션을 제공합니다.

작업 영역 설정

앱 메뉴에서 즐겨찾는 앱을 선택합니다.

  • 각 앱에는 고유한 작업 영역이 있습니다.

  • 각 앱은 카드를 도크에 추가합니다.메뉴에서 새 앱을 끌어 실행 중인 다른 앱의 작업 영역에 새 앱을 추가할 수 있습니다.특별한 경우 한 카드에 두 앱의 정보가 모두 포함될 수 있습니다.한 앱에서 다른 앱으로 전환하려면 카드 내용을 스크롤해야 합니다.

  • 로그오프했다가 다시 켜도 도크의 카드 순서가 유지됩니다.

작업 영역의 맨 위 위치에 제목이 있으며 일반적으로 앱 이름이 됩니다.응용 프로그램의 필요에 따라 제목 표시줄을 숨길 수 있습니다.

작업 영역 편집기

작업 영역 편집기는 응용 프로그램 헤더에 있는 점 세 개 메뉴()를 통해 활성화할 수 있습니다.활성화되면 패널 크기를 조정하고 이동할 수 있는 다양한 컨트롤이 오버레이에 표시됩니다.작업 영역 편집기가 닫히면 레이아웃이 사용자 설정에 저장됩니다.



작업 영역 편집기

작업 영역 편집기는 점 세 개() 메뉴 각각을 통해 활성화할 수 있습니다.동일한 작업 영역에 여러 개의 결합된 앱이 있는 경우 양쪽 모두 옵션은 동일하며 하나만 선택하면 됩니다.

작업 영역 편집기에서 변경한 모든 내용은 즉시 저장되지만 편집 모드를 닫아야 합니다.이는 2가지 방법을 통해 가능합니다.

  1. 비활성 앱 중 하나를 클릭하여 다른 앱으로 전환합니다.

  2. 정보 표시줄에서 편집기 닫기 버튼을 클릭/탭합니다.

다음 작업을 수행할 수 있습니다.

  1. 패널을 한 번에 하나씩 비활성화합니다.

    아이콘을 클릭합니다.

    참고

    마지막 패널은 비활성화할 수 없습니다.

  2. 패널을 이동/재정렬합니다.

    패널을 이동하려면 "드래그" 동작을 사용합니다.

    패널 주위를 드래그하는 동안 인터페이스에 제안된 지점이 표시됩니다.놓으면 패널이 표시된 위치에 배치됩니다.

  3. 패널 크기 조정

    작업 영역 편집기 분할기를 사용합니다.

카드와 작업 영역 결합

일반 카드는 단일 작업 영역에 할당됩니다.소수의 작업 영역이 함께 결합할 수 있습니다.단일 작업 영역에서 동일한 앱의 두 인스턴스를 결합할 수 있습니다.그 결과 카드에도 이 사항이 반영됩니다.

2개의 앱이 있는 카드

앱 메뉴의 앱 1개를 현재 활성화된 작업 영역으로 끌어다 놓을 수 있습니다.이 방법을 사용하면 2개 이상의 앱을 동일한 작업 영역에 결합할 수 있습니다.그러면 카드가 모든 앱의 변경 요청에 응답하게 됩니다.

  1. 카드 머리글은 쉼표로 구분된 앱 이름을 수신합니다.

    변경하려면 두 번 클릭합니다.

  2. 양쪽 측면 가장자리의 화살표를 사용하여 한 앱의 카드에서 다른 앱으로 전환할 수 있습니다.스크롤 순서는 앱을 작업 영역에 추가한 순서에 따라 지정됩니다.

    이 작업 영역에서 이전 또는 다음 앱으로 이동하려면 < 또는 >를 누릅니다.

  3. 해당 카드 하단에 작업 영역의 각 앱에 대해한 지점씩 탐색 표시기가 추가됩니다.

    현재 앱에는 탐색 지점이 강조 표시되어 있습니다.

이 기능의 사용은 디스플레이 크기에 따라 크게 달라집니다.



동일한 작업 공간에서 실행 중인 2개의 앱

패널

작업 영역은 하나 이상의 패널로 구성됩니다.이 패널은 세 가지 영역으로 구성됩니다.머리글 영역, 제목 영역, 내용.작업 영역과 마찬가지로 제목을 표시하거나 숨길 수 있습니다.

각 패널을 현재 작업 영역의 다른 위치로 자유롭게 이동할 수 있습니다.패널 상단에 마우스 커서를 가져가면 핸들이 표시되는데, 이 핸들로 패널을 다른 위치로 끌 수 있습니다.재정렬하면 핸들을 놓을 때 배치될 위치를 시각적으로 알려주는 드롭 구역이 나타납니다.

오른쪽 상단 모서리에서 버튼을 찾을 수 있습니다.이 버튼을 누르면 패널이 숨겨지고 응용 프로그램이 나머지 패널의 순서를 변경합니다.패널은 숨겨진 경우에도 여전히 카드에 알림을 전송할 수 있습니다.작업 영역에 단일 패널만 포함되어 있으면 숨길 수 없습니다.

마우스 커서가 작업 영역의 오른쪽 위 모서리에 있으면 메뉴가 나타납니다.점 세 개 메뉴()를 클릭하면 앱에서 제공하는 모든 패널이 포함된 목록이 표시됩니다.보이는 패널에는 확인 표시 기호가 표시됩니다.이 메뉴의 추가 항목은 [기본값으로 저장][기본값으로 재설정] 입니다.

  • 메뉴 항목 [기본값으로 저장] 을 사용하여 현재 패널 위치를 새 기본값으로 저장합니다.

  • 모든 패널의 원하는 위치를 확보하려면 이 메뉴에서 [기본값으로 재설정] 을 선택합니다.

  • 앱을 닫으려면 [앱 닫기] 을(를) 선택합니다.

작업 영역 편집기가 포함된 패널 컨텍스트 메뉴

표 작업

각 앱은 테이블 사용자 상호 작용을 위한 추가 기능을 활성화할 수 있습니다.

  • 표의 머리글에는 버튼의 컨텍스트 메뉴가 있습니다.이 메뉴에서 표에 표시할 열을 확인할 수 있습니다.이 메뉴에 표시되는 열 머리글의 순서는 변경되지 않습니다.[필터] 를 선택하면 각 열 머리글에 해당 열의 값에 대해서만 내용 필터링을 위한 하나의 입력 상자가 표시됩니다.

    테이블 컨텍스트 메뉴
  • 열 재정렬

    모든 표에는 머리글이 있습니다.머리글이 보이고 순서가 설정되어 있으면 열 순서를 다시 지정할 수 있습니다.열을 원하는 위치로 끌어다 놓기만 하면 됩니다.

  • 데이터 정렬

    표의 정보는 제공 앱에 따라 일부 표에서 정렬할 수 있습니다.열의 머리글을 클릭하면 해당 열의 값을 사용하여 표의 전체 내용이 정렬됩니다.두 번째 순서는 정렬 순서를 거꾸로 합니다.

  • 열 크기 조정

    머리글 행의 열 구분 기호를 끌어서 열의 너비를 다르게 설정할 수 있습니다.

    마우스 커서가 구분선 아이콘으로 변경되면 마우스 제스처를 두 번 클릭하여 열 크기를 가장 긴 값을 완전히 포함하는 데 필요한 너비로 자동 조정할 수 있습니다.

  • 필터링

    컨텍스트 메뉴 바로 위에 필터링 버튼이 있습니다.이 버튼을 누르면 작은 텍스트 상자를 통해 보이는 열의 표 내부를 검색할 수 있습니다.

  • 현재 레이아웃을 기본 레이아웃으로 설정

    [기본값으로 저장] 메뉴 항목을 사용해 현재 표시되는 열, 순서 및 크기를 새 기본값으로 저장할 수 있습니다.

  • 원래 레이아웃을 기본 레이아웃으로 설정

    테이블의 모든 파라미터에 대해 원하는 위치를 얻으려면 컨텍스트 메뉴에서 [기본값으로 재설정] 을 선택합니다.