Events Screen Overview

Event Card

Empty States

Scroll Behavior

실시간 영상 보기

실시간 영상 옵션 보기

실시간 영상에서 최신 이벤트 보기

실시간 영상 메뉴 보기

카메라 목록 보기

그리드 변경하기

영상 영역에 카메라 할당하기

새 컬렉션 만들기

컬렉션 편집하기

컬렉션 삭제하기

이벤트 셀 알림 보기

이벤트 알림 목록 보기

실시간 영상 보기

1. 메인 메뉴에서 [] > [AI 실시간 영상]을 누르세요

   실시간 영상 화면을 표시합니다.

   

   그림 2-1. 실시간 영상 화면
2. 영상을 선택한 후, 마우스 버튼을 빠르게 두 번 누르세요

   영상을 최대화합니다.

   

   그림 2-2. 영상 최대화
3. 실시간 영상을 확인합니다

실시간 영상 옵션 보기

1. 메인 메뉴에서 [] > [AI 실시간 영상]을 누르세요

   실시간 영상 화면을 표시합니다.
2. 영상을 선택한 후, 마우스 버튼을 빠르게 두 번 누르세요

   영상을 최대화합니다.
3. 영상에서 마우스 오른쪽 버튼을 누르세요

   팝업 메뉴를 표시합니다.

   

   그림 2-3. 실시간 영상 팝업 메뉴
4. 원하는 항목을 누르세요

   • [축소]: 영상을 최소화합니다.
   • [카메라 이름]: 카메라 이름을 영상에 표시합니다.
   • [객체 박스 보기]: 객체 박스를 영상에 표시합니다.
   • [스켈레톤]: 스켈레톤을 영상에 표시합니다.
   • [감지 영역]: 감지 영역을 영상에 표시합니다.

실시간 영상에서 최신 이벤트 보기

1. 메인 메뉴에서 [] > [AI 실시간 영상]을 누르세요

   실시간 영상 화면을 표시합니다.
2. 영상을 선택한 후, 마우스 버튼을 빠르게 두 번 누르세요

   영상을 최대화합니다.
3. []을 누르세요

   

   그림 2-4. 최신 이벤트 목록
4. 해당 카메라에서 발생한 최신 이벤트 목록을 확인합니다

실시간 영상 메뉴 보기

1. 메인 메뉴에서 [] > [AI 실시간 영상]을 누르세요

   실시간 영상 화면을 표시합니다.

   

   그림 2-5. 실시간 영상 메뉴
2. 원하는 항목을 누르세요

   [장치]: 등록된 카메라를 확인합니다. [이벤트]: 이벤트 목록을 확인합니다.
3. 영상에서 마우스 오른쪽 버튼을 누르세요

   팝업 메뉴를 표시합니다.

   

   그림 2-6. 영상 셀 팝업 메뉴
4. 원하는 항목을 누르세요

   • [확대]: 영상을 최대화합니다.
   • [그리드에서 제거]: 영상 영역에 할당된 카메라를 해제합니다.
   • [재생]: 영상을 재생합니다.
   • [객체 박스 보기]: 객체 박스를 영상에 표시합니다.
   • [감지 영역]: 감지 영역을 영상에 표시합니다.

카메라 목록 보기

1. 메인 메뉴에서 [] > [AI 실시간 영상]을 누르세요

   실시간 영상 화면을 표시합니다.
2. [장치] > [카메라] > []를 누르세요

   

   그림 2-7. 카메라 목록 보기
3. [목록으로 보기]를 누르세요
4. 카메라 목록 보기 방식을 설정합니다

그리드 변경하기

1. 메인 메뉴에서 [] > [AI 실시간 영상]을 누르세요

   실시간 영상 화면을 표시합니다.
2. 점선 표시 부분을 누르세요

   

   그림 2-8. 그리드 변경
3. 원하는 항목을 선택하세요
4. 화면에 표시할 셀의 수를 변경합니다

영상 영역에 카메라 할당하기

1. 메인 메뉴에서 [] > [AI 실시간 영상] > [장치]를 누르세요
2. 원하는 컬렉션 또는 카메라를 선택하세요

   

   그림 2-9. 카메라 할당
3. 마우스 버튼으로 누른 상태에서 영상 영역 또는 컬렉션으로 옮기세요
4. 카메라를 영상 영역에 할당합니다

새 컬렉션 만들기

1. 메인 메뉴에서 [] > [AI 실시간 영상] > [장치]를 누르세요

   

   그림 2-10. 새 컬렉션 만들기
2. [새로 만들기]를 누르세요
3. 이름을 입력하세요
4. 마우스 버튼으로 누른 상태에서 영상 영역 또는 컬렉션으로 옮기세요

   

   그림 2-11. 컬렉션에 카메라 저장
5. 컬렉션에 카메라를 저장합니다

컬렉션 편집하기

1. 메인 메뉴에서 [] > [AI 실시간 영상] > [장치]를 누르세요
2. 컬렉션을 선택한 후, 마우스 오른쪽 버튼을 누르세요

   팝업 메뉴를 표시합니다.

   

   그림 2-12. 컬렉션 편집 메뉴
3. 원하는 항목을 누르세요

   [그리드에서 제거]: 영상 영역에 할당된 카메라를 해제합니다. [모든 카메라 제거]: 컬렉션에 저장된 모든 카메라를 제거합니다. [이름 변경]: 컬렉션 이름을 변경합니다. [삭제]: 컬렉션을 삭제합니다.

컬렉션 삭제하기

1. 메인 메뉴에서 [] > [AI 실시간 영상] > [장치]를 누르세요
2. 컬렉션을 선택한 후, 마우스 오른쪽 버튼을 누르세요

   팝업 메뉴를 표시합니다.

   

   그림 2-13. 컬렉션 삭제
3. [삭제]를 누르세요
4. [확인]을 누르세요

   컬렉션을 삭제합니다.

이벤트 셀 알림 보기

1. 메인 메뉴에서 [] > [AI 실시간 영상]을 누르세요

   실시간 영상 화면을 표시합니다.

   

   그림 2-14. 이벤트 셀 알림
2. 셀에 표출된 이벤트 알림을 확인하세요
3. []을 누르세요
4. 원하는 항목을 누르세요

   

   그림 2-15. 이벤트 상세 정보
5. 이벤트 상세 정보를 확인합니다

이벤트 알림 목록 보기

1. 메인 메뉴에서 [] > [AI 실시간 영상] > [이벤트]를 누르세요

   

   그림 2-16. 이벤트 알림 목록
2. 이벤트 알림 목록을 확인하세요
3. 원하는 항목을 누르세요
4. 이벤트 상세 정보를 확인합니다

   

   그림 2-17. 이벤트 상세 정보 및 유사 인물 검색

실시간 영상 보기

1. 메인 메뉴에서 [] > [AI 실시간 영상]을 누르세요

   실시간 영상 화면을 표시합니다.

   

   그림 2-1. 실시간 영상 화면
2. 영상을 선택한 후, 마우스 버튼을 빠르게 두 번 누르세요

   영상을 최대화합니다.

   

   그림 2-2. 영상 최대화
3. 실시간 영상을 확인합니다

실시간 영상 옵션 보기

1. 메인 메뉴에서 [] > [AI 실시간 영상]을 누르세요

   실시간 영상 화면을 표시합니다.
2. 영상을 선택한 후, 마우스 버튼을 빠르게 두 번 누르세요

   영상을 최대화합니다.
3. 영상에서 마우스 오른쪽 버튼을 누르세요

   팝업 메뉴를 표시합니다.

   

   그림 2-3. 실시간 영상 팝업 메뉴
4. 원하는 항목을 누르세요

   • [축소]: 영상을 최소화합니다.
   • [카메라 이름]: 카메라 이름을 영상에 표시합니다.
   • [객체 박스 보기]: 객체 박스를 영상에 표시합니다.
   • [스켈레톤]: 스켈레톤을 영상에 표시합니다.
   • [감지 영역]: 감지 영역을 영상에 표시합니다.

실시간 영상에서 최신 이벤트 보기

1. 메인 메뉴에서 [] > [AI 실시간 영상]을 누르세요

   실시간 영상 화면을 표시합니다.
2. 영상을 선택한 후, 마우스 버튼을 빠르게 두 번 누르세요

   영상을 최대화합니다.
3. []을 누르세요

   

   그림 2-4. 최신 이벤트 목록
4. 해당 카메라에서 발생한 최신 이벤트 목록을 확인합니다

실시간 영상 메뉴 보기

1. 메인 메뉴에서 [] > [AI 실시간 영상]을 누르세요

   실시간 영상 화면을 표시합니다.

   

   그림 2-5. 실시간 영상 메뉴
2. 원하는 항목을 누르세요

   [장치]: 등록된 카메라를 확인합니다. [이벤트]: 이벤트 목록을 확인합니다.
3. 영상에서 마우스 오른쪽 버튼을 누르세요

   팝업 메뉴를 표시합니다.

   

   그림 2-6. 영상 셀 팝업 메뉴
4. 원하는 항목을 누르세요

   • [확대]: 영상을 최대화합니다.
   • [그리드에서 제거]: 영상 영역에 할당된 카메라를 해제합니다.
   • [재생]: 영상을 재생합니다.
   • [객체 박스 보기]: 객체 박스를 영상에 표시합니다.
   • [감지 영역]: 감지 영역을 영상에 표시합니다.

카메라 목록 보기

1. 메인 메뉴에서 [] > [AI 실시간 영상]을 누르세요

   실시간 영상 화면을 표시합니다.
2. [장치] > [카메라] > []를 누르세요

   

   그림 2-7. 카메라 목록 보기
3. [목록으로 보기]를 누르세요
4. 카메라 목록 보기 방식을 설정합니다

그리드 변경하기

1. 메인 메뉴에서 [] > [AI 실시간 영상]을 누르세요

   실시간 영상 화면을 표시합니다.
2. 점선 표시 부분을 누르세요

   

   그림 2-8. 그리드 변경
3. 원하는 항목을 선택하세요
4. 화면에 표시할 셀의 수를 변경합니다

영상 영역에 카메라 할당하기

1. 메인 메뉴에서 [] > [AI 실시간 영상] > [장치]를 누르세요
2. 원하는 컬렉션 또는 카메라를 선택하세요

   

   그림 2-9. 카메라 할당
3. 마우스 버튼으로 누른 상태에서 영상 영역 또는 컬렉션으로 옮기세요
4. 카메라를 영상 영역에 할당합니다

새 컬렉션 만들기

1. 메인 메뉴에서 [] > [AI 실시간 영상] > [장치]를 누르세요

   

   그림 2-10. 새 컬렉션 만들기
2. [새로 만들기]를 누르세요
3. 이름을 입력하세요
4. 마우스 버튼으로 누른 상태에서 영상 영역 또는 컬렉션으로 옮기세요

   

   그림 2-11. 컬렉션에 카메라 저장
5. 컬렉션에 카메라를 저장합니다

컬렉션 편집하기

1. 메인 메뉴에서 [] > [AI 실시간 영상] > [장치]를 누르세요
2. 컬렉션을 선택한 후, 마우스 오른쪽 버튼을 누르세요

   팝업 메뉴를 표시합니다.

   

   그림 2-12. 컬렉션 편집 메뉴
3. 원하는 항목을 누르세요

   [그리드에서 제거]: 영상 영역에 할당된 카메라를 해제합니다. [모든 카메라 제거]: 컬렉션에 저장된 모든 카메라를 제거합니다. [이름 변경]: 컬렉션 이름을 변경합니다. [삭제]: 컬렉션을 삭제합니다.

컬렉션 삭제하기

1. 메인 메뉴에서 [] > [AI 실시간 영상] > [장치]를 누르세요
2. 컬렉션을 선택한 후, 마우스 오른쪽 버튼을 누르세요

   팝업 메뉴를 표시합니다.

   

   그림 2-13. 컬렉션 삭제
3. [삭제]를 누르세요

이벤트 셀 알림 보기

1. 메인 메뉴에서 [] > [AI 실시간 영상]을 누르세요

   실시간 영상 화면을 표시합니다.

   

   그림 2-14. 이벤트 셀 알림
2. 셀에 표출된 이벤트 알림을 확인하세요
3. []을 누르세요
4. 원하는 항목을 누르세요

   

   그림 2-15. 이벤트 상세 정보
5. 이벤트 상세 정보를 확인합니다

실시간 영상 보기

1. 메인 메뉴에서 [] > [AI 실시간 영상]을 누르세요

   실시간 영상 화면을 표시합니다.

   

   그림 2-1. 실시간 영상 화면
2. 영상을 선택한 후, 마우스 버튼을 빠르게 두 번 누르세요

   영상을 최대화합니다.

   

   그림 2-2. 영상 최대화
3. 실시간 영상을 확인합니다

실시간 영상 옵션 보기

1. 메인 메뉴에서 [] > [AI 실시간 영상]을 누르세요

   실시간 영상 화면을 표시합니다.
2. 영상을 선택한 후, 마우스 버튼을 빠르게 두 번 누르세요

   영상을 최대화합니다.
3. 영상에서 마우스 오른쪽 버튼을 누르세요

   팝업 메뉴를 표시합니다.

   

   그림 2-3. 실시간 영상 팝업 메뉴
4. 원하는 항목을 누르세요

   • [축소]: 영상을 최소화합니다.
   • [카메라 이름]: 카메라 이름을 영상에 표시합니다.
   • [객체 박스 보기]: 객체 박스를 영상에 표시합니다.
   • [스켈레톤]: 스켈레톤을 영상에 표시합니다.
   • [감지 영역]: 감지 영역을 영상에 표시합니다.

실시간 영상에서 최신 이벤트 보기

1. 메인 메뉴에서 [] > [AI 실시간 영상]을 누르세요

   실시간 영상 화면을 표시합니다.
2. 영상을 선택한 후, 마우스 버튼을 빠르게 두 번 누르세요

   영상을 최대화합니다.
3. []을 누르세요

   

   그림 2-4. 최신 이벤트 목록
4. 해당 카메라에서 발생한 최신 이벤트 목록을 확인합니다

실시간 영상 메뉴 보기

1. 메인 메뉴에서 [] > [AI 실시간 영상]을 누르세요

   실시간 영상 화면을 표시합니다.

   

   그림 2-5. 실시간 영상 메뉴
2. 원하는 항목을 누르세요

   [장치]: 등록된 카메라를 확인합니다. [이벤트]: 이벤트 목록을 확인합니다.
3. 영상에서 마우스 오른쪽 버튼을 누르세요

   팝업 메뉴를 표시합니다.

   

   그림 2-6. 영상 셀 팝업 메뉴
4. 원하는 항목을 누르세요

   • [확대]: 영상을 최대화합니다.
   • [그리드에서 제거]: 영상 영역에 할당된 카메라를 해제합니다.
   • [재생]: 영상을 재생합니다.
   • [객체 박스 보기]: 객체 박스를 영상에 표시합니다.
   • [감지 영역]: 감지 영역을 영상에 표시합니다.

카메라 목록 보기

1. 메인 메뉴에서 [] > [AI 실시간 영상]을 누르세요

   실시간 영상 화면을 표시합니다.
2. [장치] > [카메라] > []를 누르세요

   

   그림 2-7. 카메라 목록 보기
3. [목록으로 보기]를 누르세요
4. 카메라 목록 보기 방식을 설정합니다

그리드 변경하기

1. 메인 메뉴에서 [] > [AI 실시간 영상]을 누르세요

   실시간 영상 화면을 표시합니다.
2. 점선 표시 부분을 누르세요

   

   그림 2-8. 그리드 변경
3. 원하는 항목을 선택하세요
4. 화면에 표시할 셀의 수를 변경합니다

영상 영역에 카메라 할당하기

1. 메인 메뉴에서 [] > [AI 실시간 영상] > [장치]를 누르세요
2. 원하는 컬렉션 또는 카메라를 선택하세요

   

   그림 2-9. 카메라 할당
3. 마우스 버튼으로 누른 상태에서 영상 영역 또는 컬렉션으로 옮기세요
4. 카메라를 영상 영역에 할당합니다

새 컬렉션 만들기

1. 메인 메뉴에서 [] > [AI 실시간 영상] > [장치]를 누르세요

   

   그림 2-10. 새 컬렉션 만들기
2. [새로 만들기]를 누르세요
3. 이름을 입력하세요
4. 마우스 버튼으로 누른 상태에서 영상 영역 또는 컬렉션으로 옮기세요

   

   그림 2-11. 컬렉션에 카메라 저장
5. 컬렉션에 카메라를 저장합니다

컬렉션 편집하기

1. 메인 메뉴에서 [] > [AI 실시간 영상] > [장치]를 누르세요
2. 컬렉션을 선택한 후, 마우스 오른쪽 버튼을 누르세요

   팝업 메뉴를 표시합니다.

   

   그림 2-12. 컬렉션 편집 메뉴
3. 원하는 항목을 누르세요

   [그리드에서 제거]: 영상 영역에 할당된 카메라를 해제합니다. [모든 카메라 제거]: 컬렉션에 저장된 모든 카메라를 제거합니다. [이름 변경]: 컬렉션 이름을 변경합니다. [삭제]: 컬렉션을 삭제합니다.

컬렉션 삭제하기

1. 메인 메뉴에서 [] > [AI 실시간 영상] > [장치]를 누르세요
2. 컬렉션을 선택한 후, 마우스 오른쪽 버튼을 누르세요

   팝업 메뉴를 표시합니다.

   

   그림 2-13. 컬렉션 삭제
3. [삭제]를 누르세요
4. [확인]을 누르세요

   컬렉션을 삭제합니다.

이벤트 셀 알림 보기

1. 메인 메뉴에서 [] > [AI 실시간 영상]을 누르세요

   실시간 영상 화면을 표시합니다.

   

   그림 2-14. 이벤트 셀 알림
2. 셀에 표출된 이벤트 알림을 확인하세요
3. []을 누르세요
4. 원하는 항목을 누르세요

   

   그림 2-15. 이벤트 상세 정보
5. 이벤트 상세 정보를 확인합니다

이벤트 알림 목록 보기

1. 메인 메뉴에서 [] > [AI 실시간 영상] > [이벤트]를 누르세요

   

   그림 2-16. 이벤트 알림 목록
2. 이벤트 알림 목록을 확인하세요
3. 원하는 항목을 누르세요
4. 이벤트 상세 정보를 확인합니다

   

   그림 2-17. 이벤트 상세 정보 및 유사 인물 검색

Events Screen Overview

Figure 2-1. Events Screen Default Layout

1. Header Area

   Group/Branch Selection: Select the group or branch you want to view using the dropdown at the top left.

   • Default: "All Group/Branch" (All)
   • When selected, only events from that group/branch are filtered.
2. Filter Tabs

   All: Displays all events. Unresolved: Displays only unresolved events.

   • The number of unresolved events is shown as a badge.

   Resolve All Button: In the Unresolved tab, you can resolve all unresolved events at once.

Event Card

Figure 2-2. Event Card UI

1. Header - Event Information

   • Event Icon: Icon representing the event type
   • Event Name: Detected event type (e.g., Intrusion, Fire, etc.)
   • Resolution Status Badge:
   • Resolved (gray): Resolved
   • Unresolved (red): Unresolved

   > All text is truncated with ellipsis (...) when it exceeds the width.
2. Body - Details

   • Recording Video Clip: Plays video from the event occurrence
   • Only cards visible on screen are played
   • Cards that have scrolled past automatically pause
   • Loops infinitely without playback controls, muted
   • Group Name: Name of the group to which the device belongs
   • Camera Name: Name of the camera where the event occurred
   • Event Time:
   • Same day: HH:mm:ss (e.g., 14:00:24)
   • Different date: MM-dd HH:mm:ss
   • Year change: YY-MM-dd HH:mm:ss
3. Footer - Action Buttons

   • Details Button: Navigates to the event detail screen.
   • Resolve / Reopen Button (toggle):
   • When Resolve is clicked:
   • Card status badge changes to Resolved
   • Button changes to Reopen
   • When Reopen is clicked:
   • Card status badge changes to Unresolved
   • Button changes to Resolve
   • This action is recorded in Event detail > Activity log.

Empty States

Figure 2-3. When there are no unresolved events

Figure 2-4. When there are no events

Scroll Behavior

Figure 2-5. Screen when scrolling down

More Screen Overview

Figure 3-1. More Screen

Profile Card Area

1. Display Name and Permission Badge

   • Display Name: User's main display name
   • Permission Badge: Company permission display
   • Manager
   • Operator
   • Viewer
2. Company and Group/Branch Information

   • Company Name: Displays the company the user belongs to
   • Group/Branch Summary:
   • If 1: Only the group/branch name is displayed
   • If more than 1: Shows additional count (e.g., "+2")
3. Manage Button

   Click to navigate to the account management screen.

Menu List

1. Notifications

   Navigate to the notification settings screen.

   • Set notification reception and frequency
   • Provides notification environment settings like schedules
2. Language

   Navigate to the language settings screen.

   • Provides app UI language change functionality
3. Theme

   Navigate to the theme settings screen.

   • Provides display theme settings like Light mode, Dark mode
4. Customer Support

   Navigate to the customer support menu screen.

   • Customer Center
   • Help
   • License information
   • App information, etc.

Account Management

Figure 3-2. Account Management Screen

Account Settings

1. Change Password

   Password change feature. 1. A confirmation alert is displayed when clicked. 2. Upon confirmation, navigate to the password change screen. 3. Set a new password after email verification. > Flow is the same as Reset Password > Verify Email.
2. Sign Out

   Sign out feature. 1. A confirmation alert is displayed when clicked. 2. Upon confirmation, you are signed out of the app and navigate to the sign in screen.

Figure 3-3. Confirmation Alert Dialog