페이지 및 스토리 레벨 구성

캔버스 페이지는 데이터를 탐색하고 표시할 수 있는 유연한 공간입니다.

캔버스 페이지를 사용하여 스토리를 생생하게 만듭니다. 데이터를 시각적으로 눈에 띄게 만들 차트, 테이블, 이미지 또는 기타 오브젝트를 추가합니다.

스토리 전달에 도움이 되도록 오브젝트의 크기를 조정하거나 이동할 수 있습니다. 오브젝트를 복사하여 같은 페이지의 다른 위치에 붙여넣거나 다른 캔버스 페이지에 붙여넣어 시간을 절약할 수도 있습니다.

스토리 내 페이지의 일반 모양에 서식을 지정할 수 있습니다. 다음 옵션을 구성할 수 있습니다.

• 배경색 - 페이지의 배경색을 선택합니다.
• 그리드 - 페이지에 위젯을 배치하는 데 도움이 되는 컨트롤 그리드 옵션입니다.
• 캔버스 크기 - 동적 페이지 크기 또는 고정 크기 중에서 선택합니다. 리스트에서 사전 결정된 크기(Letter, Legal, Tabloid, A3, A4, B4, B5)를 선택하거나 페이지 너비와 높이를 픽셀 단위로 입력하여 사용자 정의 크기를 설정할 수 있습니다. 페이지 크기를 변경하기 전에 새로운 크기에 맞게 캔버스의 타일을 재배치해야 할 수 있습니다.
• 페이지 레이아웃 - 페이지 머리글 및/또는 바닥글을 활성화/비활성화합니다. 고정 페이지 크기의 여백 너비를 설정합니다.

뷰 모드에서 페이지 매김을 수행하면 캔버스 페이지가 여러 페이지로 분할됩니다.

예를 들어 테이블과 같은 위젯의 모든 데이터를 표시하고 리포팅 페이지와 유사한 브라우징 경험을 제공하도록 설계되었습니다. 보기 모드에서는 전용 도구 모음을 사용하여 페이지에서 페이지로 보고서를 탐색하고 관심 있는 보고서 부분에 빠르게 액세스할 수 있습니다.

편집 모드에서 스토리를 디자인하고 리포트가 페이지 매김 모드에서 어떻게 표시되는지 미리 보려면 하나 이상의 테이블 위젯 크기를 자동으로 조정해 보십시오. 빌더 에서 테이블 세로 길이 자동 조정 및 페이지화 옵션을 선택합니다.

반응형 페이지를 사용하면 반응형 레인을 생성하여 페이지 컨텐트를 그룹으로 나눌 수 있습니다. 반응형 페이지의 크기가 조정되면 레인 내의 위젯이 함께 유지됩니다.

페인트 브러시 아이콘(스타일 편집)을 선택하여 레인 스타일 속성을 변경할 수 있습니다. 레인 및 페이지의 배경색을 설정하고, 레이아웃 그리드를 켜거나 끄고, 그리드 간격을 설정할 수 있습니다.

레인을 더 추가하려면 반응형 페이지에서 기존 레인을 강조표시하고 + 아이콘(신규 레인 추가)을 선택한 다음 왼쪽에 레인 추가, 오른쪽에 레인 추가, 위에 레인 추가 또는 아래에 레인 추가 를 선택합니다.

레인을 페이지의 다른 섹션에 끌어서 놓아 재정렬합니다. 레인의 크기를 조정하려면 레인 테두리를 끌어서 왼쪽 또는 오른쪽으로 끕니다. 그리드가 표시되고 레인의 크기를 조정하는 방법에 대한 참조로 사용됩니다. 레인 크기를 조정하면 인접 레인의 크기도 조정되고 각 레인 내의 위젯이 신규 레인 크기에 맞게 조정됩니다.

반응형 페이지와 레인을 사용하는 리포트 레이아웃에는 다음과 같은 권장사항이 제공됩니다.

• 글꼴 72-Web은 SAP 시스템에 최적화되어 있어 가독성뿐 아니라 접근성도 개선되므로 사용해야 합니다.
• 전체 스토리의 그리드 간격은 14px여야 합니다.
• 세로 및 가로 레인을 사용하여 컨텐트를 구조화합니다. 레인은 위에서 아래로, 왼쪽에서 오른쪽으로 렌더링합니다.
• 화면의 부동산이 제한되므로 위젯 사이에 공백을 두지 마십시오.
• 화면 전체에서 실행 중인 헤더가 필요한 경우 상단에 있는 가로 레인을 사용합니다.
• 수직 병렬 레인을 사용하는 경우 컴퓨터 화면에서도 인접한 병렬 레인의 차트가 가로로 정렬된다는 것을 보장할 수 없습니다. 차트를 가로로 정렬해야 하는 경우 같은 레인에 가로로 배치합니다.

보고서 레이아웃에 대한 자세한 가이드라인은 고객 커뮤니티에서 제공되는 스토리 디자인 가이드라인 문서를 참조하십시오.

섹션은 스토리의 컨테이너와 같습니다. 캔버스 페이지로 작업하는 경우 리포팅과 대화형 대시보드 모두에 유용합니다.

섹션을 사용하면 보고서 정보를 더 작고 이해하기 쉽고 관리하기 쉬운 부분으로 분할할 수 있습니다. 또한 캔버스에 여러 섹션 위젯을 배열하여 비교를 생성하는 효율적인 방법입니다.

섹션을 사용하여 스토리 레이아웃을 개선하고 차원 멤버별로 분석을 세분화할 수 있습니다. 차원을 섹션 필터로 선택한 경우:

• 멤버가 섹션 제목에 표시됩니다.
• 동일한 모델을 기반으로 하는 섹션의 위젯은 해당 멤버에서 필터링됩니다.

섹션의 몇 가지 특징은 다음과 같습니다.

• 섹션은 캔버스의 전체 너비를 사용합니다.
• 섹션 내에 섹션을 생성할 수 없습니다.
• 일부 위젯은 섹션에 배치할 수 없습니다.

섹션에는 여러 가지 스타일 지정 옵션이 있습니다.

기본적으로 새 섹션에 대해 뷰 설정 페이지에 모든 인스턴스 표시 옵션이 활성화되어 있습니다. 온라인으로 스토리를 볼 때 페이지 하단에 나타나는 페이지 번호 선택 표시줄을 통해 섹션 멤버를 탐색할 수 있습니다.

스타일 지정 패널에서 뷰 설정 찾아보기 및 인스턴스 검색 옵션을 활성화하면 어플리케이션에서 섹션 헤더에 왼쪽 및 오른쪽 화살표가 표시되므로 섹션의 멤버 간에 전환할 수 있습니다. 또한 차원 멤버를 검색하고 데이터를 탐색할 수 있습니다.

스타일 지정 패널의 편집 모드에서 섹션과 섹션 제목을 커스터마이즈할 수 있습니다. 섹션의 제목과 가이드라인을 숨길 수도 있습니다.

스토리 필터 를 사용하면 스토리 리포트에서 동일한 데이터 소스를 기반으로 하는 모든 차트에 필터를 적용할 수 있습니다. 페이지 필터 는 스토리 필터 와 동일하지만 스토리 리포트의 한 페이지에만 적용됩니다. 입력 컨트롤 은 페이지 필터의 한 유형입니다. 단일 차트에 필터를 적용할 수도 있습니다.

계수 기준 필터는 계수의 값 범위를 기반으로 하는 필터입니다. 예를 들어, 사원 수가 200명을 초과하는 회사 위치만 스토리에 포함하려는 경우 사원의 계수를 기반으로 필터를 생성할 수 있습니다.

스토리 또는 페이지 필터를 변경하면 동일한 스토리 리포트 또는 페이지의 관련 필터에 영향을 미칩니다.

예를 들어, 페이지 필터 값을 변경하면 동일한 페이지의 관련 페이지 필터가 자동으로 업데이트됩니다. 페이지에 국가 및 지역 필터가 모두 있고 국가 필터 값을 모두 에서 스웨덴 으로 변경하면 지역 필터가 스웨덴 내의 지역만 표시하도록 업데이트됩니다. 다른 지역 이름은 모두 숨겨집니다. 비활성 값 표시 를 선택하여 숨겨진 값을 표시할 수 있습니다.

스토리 필터 변경사항은 동일한 스토리 리포트의 다른 스토리 필터와 스토리 내 페이지의 페이지 필터에 적용됩니다.

필터 설정에서 캐스케이딩 효과를 끌 수 있습니다. 캐스케이딩 효과를 끄면 이 필터에서 이루어진 필터 값 선택 변경사항은 다른 필터에 영향을 미치지 않으며, 다른 필터에서 이루어진 필터 값 선택 변경사항도 이 필터에 영향을 미치지 않습니다.

이 이미지에서 위치 필드의 스토리 필터는 애틀랜타와 보스턴만 활성화되어 있습니다. 따라서 캐스케이딩 효과가 활성화될 때 페이지 입력 컨트롤에 나타나는 두 가지 값만 있습니다. 모든 위치를 보려면 비활성 값 표시 를 클릭합니다.

연도, 분기, 월 또는 일을 기준으로 기간을 정의하고 일자 범위를 필터로 적용하여 선택한 기간의 세부 정보만 표시할 수 있습니다.

범위는 고정 범위일 수도 있고 동적 범위일 수도 있습니다. 예를 들어, 2019년 1월부터 2019년 12월까지 고정 범위를 선택할 수 있습니다. 이 스토리를 2020년에 열어도 스토리에는 여전히 2019 데이터가 표시됩니다. 동적 일자 범위는 현재 일자를 기준으로 이동합니다. 현재 연도, 현재 분기, 현재 월과 같은 몇 가지 단위를 더 제공하며 현재 일자에서 범위를 옵셋할 수 있습니다.

동적 일자 범위의 예는 다음과 같습니다.

• 3년 전부터 2년 후까지의 데이터를 조회하려면 연도 단위 를 선택하고 과거 기간 에 3 을 입력한 후 미래 기간 에 2 를 입력합니다. 현재 연도가 2019이면 일자 범위는 2016부터 2021년까지입니다.
• 현재 분기의 데이터를 조회하려면 현재 분기 단위를 선택합니다. 현재 일자가 2019년 6월 1일이면 일자 범위는 2019년 4월 1일부터 2019년 6월 1일이 됩니다.
• 전체 범위를 현재 일자를 기준으로 하지 않고 앞으로 또는 뒤로 이동하려면 범위 유형으로 옵셋 을 선택합니다. 예를 들어, 범위를 전년도 전으로 설정하려면 연도 단위를 선택하고 옵셋 방향으로 과거 기간 을, 옵셋 단위로 연도 를, 옵셋 금액으로 2 를 선택합니다. 현재 일자가 2019년 6월 1일이면 일자 범위는 2017입니다. 옵셋 단위 는 전체 단위 보다 짧은 기간을 사용할 수 없습니다.
• 현재 기간까지 범위 포함 을 설정하면 일자 범위가 현재 기간에 종료됩니다. 연도 단위를 선택하고 과거 기간 에 3 을 입력하고 현재 일자가 2019년 6월 1일이면 일자 범위는 2016년 1월 1일부터 2019년 6월 1일까지입니다. 옵셋 범위의 경우 옵셋 기간까지 범위 포함 설정은 현재 기간 대신 옵셋 기간을 사용하는 것과 동일한 방식으로 작동합니다.

입력 컨트롤을 사용하면 차트나 테이블에 대해 표시할 차원 또는 계수를 변경할 수 있습니다.

생성하는 입력 컨트롤에 따라 단일 선택 또는 복수 선택을 표시할 수 있습니다.

일자가 저장된 필드로 작업할 때 몇 가지 출력 옵션이 표시됩니다.

스토리 또는 페이지 필터를 적용하려면 다음 단계를 완료하십시오.

1. 다음 방법 중 하나로 필터를 적용합니다.스토리 필터의 경우 상단 탐색 패널에 있는 스토리 필터 아이콘을 선택합니다. 필터 영역에서 스토리 필터 추가 아이콘을 선택합니다.페이지 필터의 경우 위쪽 탐색 패널에 있는 입력 컨트롤 아이콘을 선택합니다.
2. 데이터 소스를 변경해야 하는 경우 현재 데이터 소스의 이름을 선택한 다음 필터에 사용할 데이터 소스를 선택합니다.
3. 시간 필터 또는 계수/차원 필터를 사용할지 결정합니다.
4. 시간 필터 를 사용하는 경우 시간 필터 추가 리스트에서 현재 일자를 기준으로 이동하는 동적 시간 필터를 생성할 수 있습니다(예: MTD 또는 이전 분기).이전 또는 현재 및 다음 과 같이 포함할 기간을 선택합니다.일자 차원이 여러 개인 경우 필터링할 차원을 선택합니다.포함할 범위에 따라 전체 기간 또는 종료일 에서 기간 단위를 선택합니다.
5. 계수/차원 필터를 사용하는 경우 스토리 필터/프롬프트 추가 리스트에서 필터링할 차원 또는 계수를 선택합니다.
6. 선택에 따라 다음이 표시될 수 있습니다.일자 계수를 선택하고 멤버별 필터링 또는 범위별 필터링 중에서 선택합니다.차원을 선택하여 멤버별 필터링 또는 범위별 필터링(제한됨) 을 자동으로 엽니다. 범위별 필터링 을 자동으로 열려면 계수를 선택합니다.

   멤버 필터 에 대해 다음을 수행합니다.

   • 필터의 표시 정보를 변경하려면 아이콘을 선택하여 사용 가능한 멤버 메뉴를 펼치고 내역 표시 옵션 중 하나를 선택합니다.
     • 내역/ID 및 내역/ID
     • 데이터가 없는 차원 멤버를 표시하려면 예약되지 않은 멤버 표시 옵션을 설정 으로 전환합니다.
     • 사용 가능한 멤버 영역에서 필터링할 멤버 옆에 있는 체크박스를 선택합니다. 차원의 모든 멤버를 자동으로 선택하려면 모든 멤버 를 선택하고 선택한 멤버를 제외하려면 선택한 멤버 제외 체크박스를 선택합니다.

   범위 필터 의 경우 다음을 수행합니다.

   • • 계수 기준 필터의 경우 차원 컨텍스트 를 선택합니다. 차원 컨텍스트는 계수가 집계되는 하나 이상의 차원입니다.

       예를 들어, 국가 및 성별에 따라 회사 사원의 급여를 분석하는 경우 국가 와 사원 성별 의 두 가지 차원을 컨텍스트로 선택할 수 있습니다.

     • 차원 기준 필터의 경우 스토리 조회자가 값 범위 대신 범위 내의 단일 값을 지정하도록 하려면 복수 선택 리스트를 펼치고 단일 선택 을 선택합니다.
     • 범위의 종료 지점 선택: i. 차원 기준 필터의 경우 범위 표시줄의 슬라이더를 끌거나 드롭다운 리스트에서 종료 지점을 선택할 수 있습니다. ii 계수 기준 필터의 경우 최소 및 최대 상자에 엔드포인트 값을 입력합니다.
     • 범위를 추가로 정의하려면 신규 범위 추가 를 선택합니다. 범위를 여러 개 정의하면 단일 값 슬라이더를 사용할 수 없습니다.
     • 일자 차원의 경우 단위(예: 연도 또는 월)를 정의할 수도 있습니다. 현재 일자를 기준으로 이동하는 동적 범위를 설정할 수도 있습니다.
7. 스토리 조회자가 정의한 필터 값 리스트에서 유효한 필터 값을 지정할 수 있도록 허용할지 여부를 선택합니다.

   단일 필터 값 또는 여러 필터 값을 허용하도록 선택할 수 있습니다. 조회자에게 필터 값 지정을 허용할 경우, 조회자는 각 필터 값을 설정/해제하거나 단일 필터 값을 선택할 수 있습니다.

8. 확인 을 선택하여 필터를 생성합니다.
9. 페이지 필터를 만든 경우 이 필터의 크기를 조정하여 입력 컨트롤로 변환할 수 있습니다.
10. 필터 또는 입력 컨트롤에는 필터링 중인 차원에 따라 이름이 지정됩니다.

    이름을 변경하려면 이름을 더블 클릭합니다.

11. 기본적으로 캐스케이딩 효과가 적용됩니다. 캐스케이딩 효과를 이 필터에 적용하지 않으려면 필터 설정에서 캐스케이딩 효과 를 해제합니다.

연결된 분석 을 사용하면 스토리의 여러 차트 및/또는 테이블을 동시에 업데이트하는 필터를 생성할 수 있습니다.

연결된 분석을 사용하면 하나의 차트에 대한 필터를 생성할 때 분석에 포함된 다른 차트에도 동일한 필터가 적용됩니다. 필터가 다른 차트를 업데이트하려면 분석 내 차트가 동일한 데이터 소스를 기반으로 하거나 데이터 소스에 연결된 차원이 포함되어 있어야 합니다.

스토리 필터는 다음 두 가지 선택 모드로 구성할 수 있습니다.

• 적용 시 선택 확인
• 선택 시 선택 확인

기본적으로 필터는 적용 시 선택 확인 을 사용합니다.

선택 시 선택 확인 을 사용할 때 스토리 필터 선택을 변경하면 사용자가 선택할 때마다 시각화가 자동으로 업데이트됩니다. 이로 인해 시각화가 불필요하게 다시 로드되고 최종 사용자가 필터를 수정할 때 최적화되지 않은 사용자 경험에 기여할 수 있습니다.

​선호하는 적용 시 선택 확인 기능을 사용하면 시각화가 사용자의 최종 선택 후에만 다시 로드됩니다. 이렇게 하면 스토리의 로딩 시간이 향상되고 시스템 리소스가 쿼리 업데이트를 요청함에 따라 절약됩니다.

스토리 리포트에서 위젯 제목과 페이지 이름의 로컬라이즈된 값을 추가할 수 있습니다. 현지화된 위젯 제목과 페이지 이름을 추가하는 기능을 통해 사용자가 향상됩니다. 리포트 사용자가 선호하는 로캘로 스토리를 볼 수 있습니다.

예를 들어 현재 시스템 로캘이 독일어로 되어 있다고 가정해 보겠습니다. 스토리에서 인라인 번역을 활성화하면(처음에는 미국 영어 로캘로 생성됨) 이제 스토리의 소스 언어가 독일어가 됩니다. 인라인 번역이 활성화된 후에는 시스템 언어가 독일어인 경우에만 스토리를 편집할 수 있습니다.

스토리에 인라인 번역을 사용하려면 다음 단계를 완료하십시오.

1. 스토리가 열린 상태에서 편집 모드를 선택합니다.
2. 파일→스토리 세부사항 을 선택합니다.
3. 번역 섹션에서 번역 사용 옵션을 설정합니다.
4. 저장 을 선택합니다.
5. 리포트 저장 버튼을 선택합니다.

보고서의 소스 언어는 시스템 언어가 됩니다.

스토리의 인라인 번역을 활성화하면 여러 대상 로캘에서 페이지 이름 및 위젯 제목에 대한 인라인 번역 값을 추가할 수 있습니다. 하지만 소스 로캘에서만 스토리를 편집할 수 있습니다.

위젯과 페이지에 현지화된 값을 추가하려면 다음 단계를 완료하십시오.

1. 스토리가 열린 상태에서 보기 모드를 선택합니다.
2. 도구→인라인 번역 으로 이동합니다. 인라인 번역 창이 나타납니다.
3. 드롭다운 메뉴에서 대상 언어 를 선택합니다.
4. 페이지 세부사항 섹션에서 선택한 대상 언어로 페이지 이름과 위젯 제목의 현지화된 값을 업데이트합니다.
5. 변경사항을 저장합니다.

다음은 베스트 프랙티스로 간주됩니다.

• 페이지의 최대 위젯 수: 6.
• 페이지의 집계되지 않은 위젯(테이블) 수: 데이터 소스가 여러 개인 경우 데이터 위젯의 총 열 수가 120개를 초과하지 않는지 확인하십시오. 테이블 위젯의 열 수가 60개를 초과할 경우 집계되지 않은 테이블 1개가 권장됩니다. 그렇지 않으면 최대 2개의 테이블이 권장됩니다.
• 집계된 위젯(차트) 수: 숫자를 최대한 적게 유지하면 스토리 로드 시간이 줄어듭니다. 로드되지 않는 페이지가 있는 경우 축소합니다.
• 테이블 위젯당 행 수(드릴 제한): 수식(100만/열 수)을 사용하여 계산합니다.
• 데이터 소스 간 연결된 차원: 로드 시간도 증가하므로 연결된 차원을 최소화합니다.
• 테이블 위젯의 셀 수: 테이블 위젯당 100만 개입니다. 하지만 권장 한도는 테이블당 30,000개를 넘지 않는 것으로, 읽을 수 없는 테이블을 생성하는 것입니다. 필요한 데이터만 가져오려면 적절한 필터를 사용하십시오. 스토리 리포팅의 부적절한 사용 케이스 를 참조하십시오.
• 열이 여러 개인 보고서에 액세스할 사용자 수: 보고서의 여러 동시 사용을 방지하기 위해 알 필요가 있는 최소 인원 수에 대한 액세스를 제한하여 응용 프로그램 성능에 영향을 미칩니다.
• 장치: 복잡한 보고서는 계산 요구가 많기 때문에 데스크톱에서만 액세스하는 것이 좋습니다. 모바일에서 복잡한 리포트에 액세스하거나 스토리를 모바일에서 사용하도록 설정하지 마십시오.