격자 라이브러리/격자 구성 요소를 선택할 때 제어할 6개의 검사점
CRM과 ERP 등 많은 기업이 도입한 정보 관리 시스템은 물론'관리 화면'과 함께 시스템 개발이 진행되는 상황에서 대량의 데이터를 한눈에 보기 위해 매트릭스 구조의 표 형식의 UI를 활용할 기회가 많다.
데이터 그리드라고 불리는 이러한 UI는 대량의 데이터에서 목적의 기록을 간단하게 추출하고 표시할 수 있거나, 데이터의 빈번한 업데이트가 필요한 비즈니스 요구에 따라 그리드에서 효율적으로 편집할 수 있다다양한 사용자가 기대하는 기능이 있다.
본고는 제3자의 격자 라이브러리/격자 구성 요소를 새로 가져올 때 선택한 재료로 검사해야 할 6가지 요점을 소개한다.
데이터 격자 개요
데이터 격자는 매트릭스 구조를 가진 표 데이터를 일람표 형식으로 표시하고 편집하기에 가장 적합한 컨트롤러이다.사용자가 데이터를 이해하기 쉬운 정렬과 필터 등 많은 메커니즘을 제공했다.아래 열거한 기능은 많은 격자 라이브러리/격자 구성 요소에 포함되어 있기 때문에 본 글의 검사점에 포함되지 않습니다.
1. 디스플레이 성능
데이터 격자는 대량의 데이터를 처리하는 것을 전제로 필터 등 디스플레이를 축소해야 하는 경우도 볼 수 있다.특히 웹 응용 프로그램에서는 대량의 칸을 묘사하여 초래한 성능 악화가 매우 현저하므로 대량의 데이터를 감당할 수 있는 격자가 있는지 확인하십시오.
고기능의 데이터 격자에서 사용자가 볼 수 있는 칸만 그리는 가상화 메커니즘 등을 이용하여 성능을 확보한다.만약 대량의 데이터를 한꺼번에 표시할 수 있는 격자라면, 페이지 문자를 사용하여 수백 개의 데이터를 표시할 수 있으며, 사용자가 페이지를 여러 번 변환할 필요가 없다.
2. 엑셀 같은 조작감
완결할 때'엑셀 같은 조작감'을 썼는데 이것에는 여러 의미가 담겼다.테이블 UI를 조작할 때, 특히 편집할 때 많은 사용자들이 익숙한 Excel을 사용하는 조작감을 기대한다.이러한 사용자의 요구를 실현하기 위해 excel의 조작성을 실현할 수 있는 격자를 선택하십시오.예컨대 아래의 예.
3. 레이아웃 및 상태 저장/복원
위에서 말한 바와 같이 데이터 격자는 대량의 데이터에서 정렬과 필터 등을 이용하여 목적의 데이터를 표시하고 행렬에 대해 고정 디스플레이, 정렬, 필요하지 않은 열을 숨기는 등 레이아웃을 조정하여 사용자가 데이터를 쉽게 처리할 수 있다.
모든 사용자는 자신의 업무 방안에 따라 모든 사람에게 쉽게 사용할 수 있는 디스플레이 설정을 할 수 있기 때문에 이러한 설정의 저장/복원 기능이 간단하게 실현될 수 있는지 확인하십시오.
4. 복잡한 칸의 표현
데이터 격자에서 사용자가 작업을 할 때 일람표에서 칸으로 구분된 대량의 데이터를 확인해야 하기 때문에 칸의 값을 판정하고 더 중요한 데이터를 돋보이게 하거나 간단한 도표 형식으로 표시하면 효과가 더욱 좋다.또한 셀을 편집할 때의 형식과 셀을 표시할 때의 형식을 전환할 수 있는지도 확인점이다.
5. 구조가 복잡한 격자
요구에 따라 복잡한 구조의 격자 표시가 필요할 수 있습니다. 예를 들어 여러 줄로 기록을 표시하고, 인접한 칸을 합쳐서 표시하고, 등급 구조를 가진 데이터를 등급화된 격자로 표시하고 싶을 수 있습니다.복잡한 구조의 격자를 실현할 수 있는지 확인해 보세요.
6. 현지화 지원
위에서 열거한 체크포인트의 고기능 격자를 통과했다고 해도 일본어를 현지화하지 못하거나 실현하기가 힘들면 가져오기가 어렵다.현지화가 어떻게 대처되는지 확인해 보자.또한 유상 격자 라이브러리/격자 구성 요소를 이용할 때 일본어 기술 지원을 받는지 여부에 따라 개발 효율이 크게 달라질 수 있다.
총결산
화면 일람은 사용자가 많은 시간을 소비하는 화면 중의 하나이기 때문에 사용자가 화면 일람에 대한 많은 요구는 운용 단계에서 부칠 수 있다.
본 글에서 열거한 점에 추가된 데이터 격자는 이러한 요구에 대응하기 쉽고 고기능으로 쉽게 사용할 수 있는 데이터 격자를 미리 구축하여 화면을 일람시키면 사용자는 이른 단계부터 정의된 UI 동작의 구조에 뿌리를 내릴 수 있다.
인프라 설계는 다양한 개발 플랫폼에서 30여년간 데이터 그리드를 비롯한 UI 구성 요소 개발을 지속했으며, 본 기사에 나열된 체크포인트를 통한 데이터 그리드를 가져올 수 있다.
(※ 플랫폼이나 기능의 조합은 지원되지 않을 수 있으니 불분명한 점이 있으면 문의하세요.)
Background psd for main image created by zlatko_plamenov - www.freepik.com
Reference
이 문제에 관하여(격자 라이브러리/격자 구성 요소를 선택할 때 제어할 6개의 검사점), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/MNakae_IG/items/e67c177eb1783df864d5텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)