ActiveReportsJS 3가지 리포트 타입과 차이점
추천0
페이지 정보
작성자 MESCIUS폴
작성일 2023-12-19 11:09 조회 70회
댓글 0건
본문
첨부파일
관련링크
ActiveReportsJS(이하 ARJS)는 순수 JavaScript 기반의 리포트/보고(Reporting) 라이브러리|API입니다.
그렇기 때문에, 별도의 ActiveX 또는 설치 프로그램이 없이도 원하는 다양한 증명서, 인증서, 견적서, 계약서, 성적표, 계산서 등을 웹 페이지에서 바로 보여주고 이를 인쇄할 수 있는, 웹 리포트 기능을 ARJS에서 제공하는 라이브러리(API)와 양식/리포트 디자이너를 통해서 구현이 가능합니다.
특히 ARJS에서는 개발자가 코딩 없이 리포트 또는 서식/양식을 드래그 앤 드롭 방식으로 만들 수 있는 리포트 디자이너 프로그램(Windows, Mac, Linux 지원)을 제공합니다.
ARJS의 리포트 디자이너에서는 최종 사용자(End-User)가 요청하는 다양한 요구 사항에 맞게 리포트/서식/증명서 등을 생성할 수 있도록, 아래와 같이 3가지 리포트 기본 타입을 제공합니다.
- 연속형 레이아웃 리포트
- Ex> 견적서, 주문서, 작업 지시서 ... - 고정형 레이아웃 리포트
- Ex> 졸업 증명서, 고지서, 세금 계산서 ... - 페이지 경계 없는 레이아웃 리포트
- Ex> PC나 태블릿, 모바일 전용 리포트 ...
이번 포스팅에서는 이 세가지 타입의 리포트의 차이점에 대하여 설명 드리겠습니다.
리포트 타입을 선택하는 방법
우선 리포트 디자이너에서 각 타입의 리포트를 선택하는 방법은 다음과 같습니다.
1. ActiveReportsJS Designer를 실행합니다.
2. 기본으로 보여지는 리포트는 "연속형 레이아웃 리포트" 입니다.
만일 "연속형 레이아웃 리포트"로 개발을 원하시면 바로 시작하시면 됩니다.
3. 다른 타입의 리포트로 개발을 원하신다면 상단 메뉴에서 "파일"을 클릭합니다.
4. 좌측의 "새 보고서" 항목에서 원하는 타입의 리포트를 선택합니다.
리포트 타입별 차이점
아래의 예시는 일반적인 비즈니스 요구 사항에 따라 많이 사용되는 리포트 타입을 안내 드리고 있습니다.
반드시 아래의 예시 또는 제안을 따를 필요는 없으며, 비즈니스 요구 사항에 맞추어 적합한 리포트 타입을 선택하시는 것을 권장 드립니다.
1. 연속 페이지 레이아웃 리포트
주요 활용 | 견적서, 주문서, 작업 지시서
먼저 "연속 페이지 레이아웃 리포트"는 데이터가 리포트 전체 영역을 활용하여 연속적으로 늘어나는 형식의 리포트입니다.
예를 들어 보겠습니다.
아래와 같이 "연속 페이지 레이아웃 리포트"에서 도구 상자의 "테이블" 컨트롤을 올리고 데이터를 바인딩합니다.
그렇게 하면 아래와 같이 설정된 페이지의 모양과 여백에 맞춰서 데이터가 페이지 마지막까지 보여지게 됩니다.
그리고 그 다음 데이터는 자동으로 페이징 처리가 되어 다음 페이지로 넘어가게 됩니다.
이러한 리포트는 매우 일반적인 리포트 형식에서 많이 사용되는데, 예를 들면 견적서, 주문서, 작업 지시서 등 데이터의 길이가 일정하지 않은 리포트를 만들 때 사용됩니다.
페이지 별로 데이터가 나눠서 표현되기 때문에 인쇄를 할 때에는 편리하게 활용이 가능합니다.
2. 고정 페이지 레이아웃 리포트
주요 활용 | 졸업 증명서, 고지서, 세금 계산서
"고정 페이지 레이아웃 리포트"는 고정 양식에서 무조건 각 페이지별로 정해진 만큼의 데이터가 보여져야 하는 리포트에서 사용이 됩니다.
만약에 데이터가 특정 영역을 벗어나면, 동일한 양식(헤더/푸터/컨텐츠)이 추가되면서 지정한 영역에 다음 데이터를 보여줍니다.
아래는 고정 페이지 리포트에서 반복적인 데이터가 보여 져야 하는 특정(고정된) 테이블 영역을 설정하는 방법을 보여줍니다.
고정 페이지 리포트에 테이블을 올리면 앞의 두 가지 리포트 타입과 다르게 위와 같이 회색 영역을 만들어 낼 수 있습니다. 이 회색 영역의 의미는 "여기까지만 데이터를 표현하겠다." 라는 의미입니다.
예를 들어, 앞의 리포트들과 동일하게 데이터를 바인딩하고 회색 영역을 중간까지만 설정해 보겠습니다. 이러한 회색 영역은 "고정 페이지 레이아웃 리포트"으로 리포트를 만들고 "테이블"을 추가했을 때에만 보여집니다.
"테이블" 왼쪽 모서리 끝을 마우스로 한번 클릭하면 아래와 같이 이중으로 레이어 된 회색 영역을 늘릴수 있는 회색 점을 보실 수 있습니다.
그리고 이렇게 추가한 "테이블"의 회색 영역을 아래로 4칸 확장해 보겠습니다.
그럼 디자이너에 최소 차지하는 기본 영역이 1칸이고 회색 영역이 4칸이기 때문에 5개 행의 데이터만 보여지고 다음 페이지로 넘어가게 됩니다.
한 페이지에 5개 행의 데이터만 보여지기 때문에 상대적으로 총 페이지 수가 많이 늘어난 것을 보실 수 있습니다.
가장 대표적으로 많이 사용하는 예를 보면, 졸업 증명서나 고지서, 세금 계산서 등이 있습니다.
이러한 리포트들은 상황에 따라 다르겠지만 아주 특별한 경우를 제외하면,
데이터가 많이 있다 해도 고정된 위치에서만 정해진 양식 안에 데이터를 표현하고 만일 추가 데이터가 있다면 양식이 바뀌는 대신 똑같은 양식의 다음 새 페이지에 표현합니다.
3. 페이지 경계 없는 레이아웃 리포트
주요활용 | PC나 태블릿 또는 모바일 전용 리포트
"페이지 경계 없는 레이아웃 리포트" 타입도 기본적인 성격은 "연속 페이지 레이아웃 리포트"와 동일합니다.
다만 차이점은 "연속 페이지 레이아웃 리포트"는 정해진 용지의 규격을 넘어가면 다음 페이지로 데이터가 넘어가는 반면 "페이지 경계 없는 레이아웃 리포트"는 이러한 경계가 없이 연속적으로 데이터가 표현된다는 점입니다.
이러한 리포트는 인쇄가 고려되지 않는 환경, 예를 들면 PC나 태블릿 또는 모바일에서만 리포트를 사용한다고 가정할 때 조금 더 자연스럽게 리포트를 보여줄 수 있습니다.
예를 들어, 위와 동일한 데이터를 바인딩 하게 되면 아래와 같이 한 페이지에 데이터가 경계 없이 늘어나서 표현되는 결과를 보이게 됩니다.
ActiveReportsJS에서는 이렇게 세가지 타입의 리포트를 제공하고 있으며, 여러분의 상황과 니즈에 맞는 적절한 타입의 리포트를 선택하여 더욱 더 쉽게 원하는 리포트를 만들어 보실 수 있습니다.
각각의 리포트 샘플을 압축하여 첨부해 드리니 참고해 주시기 바랍니다.
지금 바로 ActiveReportsJS를 다운로드하여 직접 테스트해보세요!
댓글목록
등록된 댓글이 없습니다.
