Next Experience 구성요소 릴리스 정보

  • 릴리스 버전: Washingtondc
  • 업데이트 날짜 2024년 02월 01일
  • 읽기12분
  • ServiceNow® Next Experience 구성요소 사용자 지정 사용자 인터페이스를 빌드하는 데 사용되는 구성요소입니다. Next Experience 구성요소 이(가) 릴리스에서 Washington DC 개선 및 업데이트되었습니다.

    Next Experience 구성요소 릴리스의 Washington DC 하이라이트

    • 사전 구축된 시스템 또는 사용자 지정 구성요소를 사용하여 풍부한 UI 환경을 빌드합니다. API 참조, 사용 지침 및 ServiceNow® UI 빌더 설정 설명서를 보려면 Next Experience 구성요소개발자 사이트 Next Experience 구성 요소 문서를 참조하십시오.
    • JavaScript 프레임워크, 변경할 수 없는 데이터 및 간단한 작업 처리기와 같은 일반적인 웹 구성 요소 패턴 및 원칙을 사용합니다.
    • 여러 사용자 인터페이스에서 구성요소를 재사용하여 최종 사용자를 위한 응집력 있는 환경을 만듭니다.
    • 미리 설정된 속성 값을 사용하여 구성요소에 대한 속성 및 이벤트 핸들러를 자동으로 구성하면 구성요소를 페이지에 추가할 때 해당 구성요소가 작동할 준비가 됩니다. 사전 설정은 구성요소에 대한 데이터 자원 역할을 하는 컨트롤러에 연결할 수 있습니다. 자세한 내용은 Automatically configure components using presetsBind data to UI Builder pages using controllers (advanced feature) 문서를 참조하십시오.
    • 접근성을 위해 업그레이드된 구성요소입니다. 자세한 내용은 이 릴리스 노트의 접근성 정보 섹션을 참조하세요.

    릴리스의 새로운 기능 Washington DC

    표 1. 구성요소
    구성요소 설명
    색상 선택기 색상을 검색, 선택, 저장하는 데 사용할 수 있는 색상 라이브러리입니다. 16진수 코드, RGB 및 HSL 값이 허용되며 사용자 지정 색상을 사용할 수 있습니다.
    관련 항목 측면 패널에 카드와 함께 표시되고 확장 가능한 아코디언으로 분류된 케이스 기록과 관련된 정보입니다. 필요에 따라 사용자는 정렬 및 필터링 기능이 있는 모든 기능을 갖춘 목록으로 데이터를 표시할 수 있습니다.
    표 2. 페이지 템플릿
    템플릿 설명
    게시 모달 확인 사용자가 에 문서를 게시할 수 있는 지식 관리 페이지 템플릿으로 사용되는 모달입니다 지식베이스.
    기록 페이지 세로 그룹 내 기록 페이지의 관련 목록 및 UI 페이지를 관리하는 데 사용되는 페이지 템플릿입니다. 이 페이지 템플릿에는 복잡한 구성 없이도 페이지가 작동하도록 하는 사전 설정 값이 포함되어 있습니다.
    폐기 확인 모달 사용자가 지식베이스에서 사용되지 않는 문서를 폐기하고 대체 문서를 선택할 수 있는 지식 관리 페이지 템플릿으로 사용되는 모달입니다.
    표준 목록 크기 조정 가능한 창 구성요소에 포함된 기록 목록 번들과 목록 메뉴로 빌드된 페이지 템플릿으로, 모두 사전 설정된 구성 값이 있습니다. 사용자는 기록을 다양한 형식으로 내보내고 사용자 지정 목록을 다른 사용자와 공유할 수 있습니다. 이 페이지 템플릿에 사용되는 목록 컨트롤러에는 구성 가능한 속성이 포함되어 있습니다.
    표 3. 번들
    번들 설명
    기록 목록 기록 목록 번들은 목록 헤더, 목록 본문 및 페이지 매김 구성요소를 포함하는 구성요소의 조합입니다. 목록 구성요소의 이 새로운 반복에는 사전 설정된 구성 값과 목록 컨트롤러가 포함됩니다.

    이 릴리스에서 변경된 내용

    표 4. 구성요소
    구성요소 개선 사항
    Activity Stream
    • 초안 삭제, 팝업 버튼을 숨기고, 이메일을 만들고, 초안 버튼을 봅니다.
    • 이메일 보내기 버튼 스타일을 기본에서 보조로 변경합니다.
    • 모덜리스 대화 상자가 여러 개 있거나 최소화된 경우 이메일 제목을 표시합니다.
    • 이메일 템플릿을 삽입하고 모덜리스 대화 상자로 KB 링크를 삽입합니다.
    첨부 파일 첨부 파일에 허용되는 최대 크기를 정의하기 위한 새 속성입니다.
    날짜 - 시간 기본 시간 [initialTime] 구성요소의 기본 시작 시간을 설정하는 속성입니다. 설정하지 않으면 시간은 기본적으로 자정으로 설정됩니다.
    날짜-시간-간격 상대 날짜 시간 선택기를 사용하여 달력에 표시할 날짜 범위를 사용자 지정합니다.
    이메일 작성기
    • 를 사용하여 에이전트 지원아티클을 인라인으로 첨부하거나 PDF로 첨부 Knowledge 합니다.
    • 초안 자동 저장, 초안 삭제, 저장 및 초안 생성.
    • 페이지 디자인 밀도가 향상되었습니다.
    • 모덜리스 대화 상자 환경에 대한 지원이 추가되었습니다.
    이메일 작성기(mini)
    • 를 사용하여 에이전트 지원아티클을 인라인으로 첨부하거나 PDF로 첨부 Knowledge 합니다.
    • 초안 자동 저장, 초안 삭제, 저장 및 초안 생성.
    • 페이지 디자인 밀도가 향상되었습니다.
    • 모덜리스 대화 상자 환경을 지원합니다.
    제목
    • 데이터 밀도를 높이기 위해 작업 공간에서 글꼴 헤더 크기를 줄였습니다.
    • 여전히 더 큰 원래 제목 크기를 선호하는 사용자를 위한 기본 대신 Hero 제목 크기입니다.
    아이콘 표준 이미지 형식의 사용자 지정 아이콘을 사용할 수 있습니다. 사용자 지정 아이콘은 인스턴스의 라이브러리에 추가되지 않으며 캐시되지 않습니다.
    이미지 모든 표준 이미지 형식의 사용자 지정 이미지를 사용합니다. 사용자 지정 아이콘은 인스턴스의 라이브러리에 추가되지 않으며 캐시되지 않습니다.
    입력 AI 표시기는 양식 필드가 AI 권장 사항을 사용할 때 사용자에게 신호를 보내고 AI 기능에 대한 추가 정보를 제공합니다.
    칸반 보드
    • 종속성 라인을 활성화하여 보드에서 카드 간의 관계를 나타냅니다.
    • 행에 스윔 레인 헤더를 표시합니다.
    목록 선택기
    • 사용 가능한 항목 및 선택한 항목 목록의 항목에서 트리거된 팝오버는 현재 기록의 세부 정보를 표시합니다. 팝오버의 내용을 구성하고 트리거 아이콘을 표시하는 항목을 선택할 수 있습니다.
    • 구성요소가 표시되는 방식을 선택합니다. 선택 항목은 다음과 같습니다.
      • 간단함
      • 패널 2개
      • 닷워크(기본값)
    • 사용자가 선택한 항목 목록의 항목을 재정렬하지 못하게 합니다.
    • 구성요소 내에 숨겨진 모든 통제를 표시합니다.
    모드리스 대화 상자
    • 2줄로 줄 바꿈하고 두 번째 줄 뒤에서 잘리는 머리글 텍스트를 정의합니다.
    • 초기 변형 색상 유형을 제목에 색상을 추가하는 기본 또는 보조 유형으로 바꿉니다.
    • 선택적 버튼 슬롯에 작업을 트리거하는 버튼 아이콘을 추가합니다.
    • 사용자가 트리거할 때 모덜리스 대화 상자가 표시되는 위치를 변경합니다. 기본적으로 대화상자는 중앙에 표시되지만 대화상자를 왼쪽 또는 오른쪽 상단 또는 왼쪽 또는 오른쪽 하단에 표시할 수 있습니다.
    • 키보드 단축키를 사용하여 대화 상자를 위, 아래, 왼쪽 및 오른쪽으로 이동합니다.
    Recommended Actions
    • 구성 가능한 패널 제목 및 탭 제목.
    • 탭 순서를 구성할 수 있습니다.
    • 검색 입력 필드와 검색 결과에 대한 카드가 포함된 새 검색 탭입니다.
    • 이력이 탭에서 아이콘 버튼에서 트리거된 새 패널로 이동되었습니다.
    • 검색 결과 카드의 힌트 텍스트 및 아이콘의 배경색입니다.
    크기 조정 가능한 창 레이아웃을 왼쪽 창만, 두 창 및 오른쪽 창으로 변경하는 키보드 키 조합입니다.
    선택 양식 필드가 AI 권장 사항을 사용하고 AI 기능에 대한 추가 정보를 제공할 때 사용자에게 알리는 AI 표시기입니다.
    텍스트 영역 양식 필드가 AI 권장 사항을 사용하는 경우 사용자에게 알리고 AI 기능에 대한 자세한 정보를 제공하는 AI 표시기입니다.
    자동 완성 양식 필드가 AI 권장 사항을 사용하는 경우 사용자에게 알리고 AI 기능에 대한 자세한 정보를 제공하는 AI 표시기입니다.
    Typeahead-multi 양식 필드가 AI 권장 사항을 사용하는 경우 사용자에게 알리고 AI 기능에 대한 자세한 정보를 제공하는 AI 표시기입니다.
    표 5. 데이터 시각화 차트
    차트 개선 사항
    막대 시각화 막대 시각화의 파레토 유형입니다. Pareto 차트는 세로 막대형 차트와 비슷하지만 선 그래프도 포함합니다. 파레토 차트는 개별 값(빈도 또는 비용)을 나타내는 세로 막대를 내림차순으로 표시하고, 선은 누적 합계를 나타내는 데이터 요소가 있는 선을 표시합니다. 또한 Pareto 차트는 y축의 80% 지점을 사용자가 숨길 수 있는 수평선으로 표시합니다.
    표시기 성과표 시각화
    • 가장 최근의 표시기 점수를 그래픽으로 표현하기 위해 표시할 수 있는 최신 점수 막대입니다. 점수가 1 이상인 경우 파란색 막대, -1 이하인 경우 주황색 막대, 0인 경우 막대가 표시되지 않습니다. 마우스를 가리킬 때 점수 값이 표시됩니다.
    • 최대 그룹 수를 지정할 수 있습니다(1-20).
    • 세부 항목만 표시하도록 지정할 수 있으며 첫 번째 세부 항목에 대한 모든 그룹을 표시할 수도 있습니다.
    시계열 시각화 사용자가 표시되는 시간 범위를 미리 정의된 날짜 범위 중 하나로 빠르게 변경하는 데 사용할 수 있는 날짜 범위 드롭다운을 추가하는 날짜 범위 선택기입니다.

    활성화 정보

    Next Experience 구성요소Now Platform 는 기본적으로 활성화되어 있는 기능입니다.

    접근성 정보

    릴리스에서 Washington DC 접근성이 Next Experience 구성요소 다음과 같이 개선되었습니다.
    확대 소프트웨어 및 스크린 리더 지원

    Next Experience 구성요소 다음은 프로그래밍 방식 레이블을 시각적 레이블과 일치하도록 업데이트되었습니다. 이 개선 사항은 ZoomText(확대 소프트웨어 유형) 및 기타 유형의 보조 기술(예: 화면 판독기)에 대한 향상된 지원을 제공합니다.

    이 개선 사항은 저시력이나 이동성 제한과 같은 인지 및 신체 장애가 있는 사용자가 ServiceNow 플랫폼을 사용할 수 있도록 지원합니다.
    • 에이전트 채팅 [sn-agent-chat]
    • 에이전트 받은 편지함 [sn-agent-inbox]
    • 캔버스 탭 [sn-canvas-tabs]
    • 채팅 입력 [sn-chat-input]
    • 채팅 멘션 제안 [sn-chat-mention-suggestion]
    • 검사 목록 [now-checklist]
    • 날짜 시간 달력 [now-date-time-calendar]
    • 문서 뷰어 [sn-document-viewer]
    • 끌어서 놓기 [sn-drag-and-drop]
    • 필드 선택 [sn-record-field-list-reorder-list]
    • 목록 선택기 [sn-list-selector]
    • 알림 설정 팝오버 컨텐츠 [notification-setting-popover-content]
    • 현재 상태 팝오버 컨텐츠 [sn-presence-popover-content]
    리플로우 지원

    다음 구성 요소가 리플로우를 지원하도록 업데이트되어 콘텐츠나 기능의 손실 없이 브라우저 설정을 통해 페이지와 콘텐츠를 최대 400%까지 확대할 수 있습니다. 또한 320 CSS 픽셀에 해당하는 너비 또는 256 CSS 픽셀에 해당하는 높이로 2차원 스크롤하지 않고도 콘텐츠를 확대할 수 있습니다.

    이 향상된 기능은 시력이 나쁜 사용자나 모니터 크기, 장치 유형, 어두운 조명 또는 기타 상황으로 인해 브라우저에서 웹 콘텐츠를 보는 데 문제가 있는 사용자에게 도움이 됩니다. 인스턴스, 경험 및 페이지의 시스템 속성을 사용하여 리플로우를 끌 수 있습니다. 자세한 내용은 Reflow for Configurable Workspace 문서를 참조하십시오.

    • 작업 표시줄 [now-record-common-uiactionbar]
    • 에이전트 채팅 [sn-agent-chat]
    • 약속 달력 [now-appointment-calendar]
    • 막대형 차트 [now-vis-bar]
    • 버블 시각화 [now-vis-bubble-wrapper]
    • 달력 [now-calendar]
    • 캐러셀 [sn-carousel]
    • 검사 목록 [now-checklist]
    • 연락처 카드 [sn-contact-card]
    • 컨텐츠 트리 [now-content-tree]
    • Contextual sidebar [now-contectual-sidebar]
    • 고객 활동 [sn-customer-activity]
    • 날짜 범위 선택기 [now-date-range-picker]
    • 다이얼 차트 [now-vis-dial]
    • 문서 표시 [sn-document-display]
    • Document Intelligence [sn-docintel-iframe]
    • 고속 목록 [sn-itom-aiops-list]
    • 필터 [now-filter]
    • 양식 [now-record-form-selection-column-layout]
    • 게이지 차트 [now-vis-gauge]
    • Geomap Visualization [now-vis-geomap-wrapper]
    • 히트맵 시각화 [now-vis-heatmap-wrapper]
    • ITOM 메트릭 탐색기 [sn-itom-metric-explorer]
    • 칸반 보드 [now-visual-board]
    • 지식 블록 [sn-knowledge-blocks-connected-uib]
    • 지식 컨텐츠 [sn-knowledge-content]
    • 목록 선택기 [sn-list-selector]
    • 페이지 매김 제어 [now-pagination]
    • 원형/도넛형 시각화 [now-vis-pie-wrapper]
    • 피벗 테이블 시각화 [sn-multipivot]
    • Playbook 활동 뷰어 [now-playbook-activity-viewer]
    • 플레이북 경험 [now-playbook-experience-connected]
    • Playbook modals [now-playbook-modals]
    • Playbook 스테이지 선택기 [now-playbook-stage-picker]
    • 서비스 상태 대시보드 새 [sn-itom-service-dashboard]
    • 단일 점수 [now-score-advanced]
    • 시계열 시각화 [now-vis-timeseries-wrapper]
    음성 텍스트 변환 지원
    시각적 레이블을 액세스 가능한 레이블과 일치하도록 다음 Next Experience 구성요소 이 업데이트되었습니다. 접근성 있는 레이블이 시각적 레이블과 다른 경우 음성 텍스트 변환 소프트웨어는 대화형 요소를 식별하고 활성화할 수 없습니다. 일치하는 시각적 개체와 접근성 있는 레이블을 사용하면 Dragon Naturally Speaking과 같은 음성-텍스트 변환 소프트웨어가 음성-텍스트 도우미 기술에서 제공하는 느린 그리드 기반 탐색을 수행하는 대신 사용자 인터페이스에서 이러한 구성 요소를 식별할 수 있습니다.
    • 드롭다운 [now-dropdown]
    • 입력 [now-input]
    • 기록 목록 [now-record-list]
    • 기록 번호 [now-record-number]
    • 텍스트 링크 [now-text-link]
    • 토글 [now-toggle]
    • 자동 완성 [now-typeahead]
    • 다중 자동 완성 [now-typeahead-multi]
    일반 접근성 개선 사항
    다음 구성 요소는 국제적으로 인정되는 접근성 표준을 충족하도록 업데이트되었습니다.
    • 약속 달력 [now-appointment-calendar]
    • 달력 [now-calendar]
    • 검사 목록 [now-checklist]
    • 연락처 카드 [sn-contact-card]
    • 컨텐츠 트리 [now-content-tree]
    • Kanban [now-visual-board]
    • Playbook 활동 선택기 [now-playbook-activity-picker]
    • 라디오 그룹 [now-radio-group]

    관련 ServiceNow 애플리케이션 및 기능