미디어사인 › 블로그

사이니지 CMS · DID 운영 가이드 · 3편

디지털 사이니지 화면 분할, 2·3·4분할부터 자유배치까지 한 번에 정리

· 미디어시티

요약 디지털 사이니지 화면 분할은 전체·2·3·4분할과 자유배치 중에서 고르고, 화면 방향은 가로형(1920×1080)·세로형(1080×1920) 또는 직접 입력한 해상도로 먼저 정합니다. 칸마다 콘텐츠를 넣고 시계·날씨·환율 위젯을 얹은 뒤, 편성하고 "스케줄을 디스플레이에 전송"해야 화면에 나갑니다.

디지털 사이니지 화면 하나에 영상만 크게 틀면 시원하지만, 매장 메뉴나 로비 안내처럼 여러 정보를 한 화면에 함께 보여줘야 하는 곳이 많습니다. 영상 옆에 안내문을 두고, 구석에는 시간과 날씨를 띄우는 식입니다. 이럴 때 필요한 것이 디지털 사이니지 화면 분할입니다.

이 글에서는 디지털 사이니지 CMS인 미디어사인의 "방송화면 만들기"를 기준으로, 화면을 나누고 위젯을 얹는 순서를 정리합니다. 앞선 2편에서 관공서 구성 예시를 다뤘다면, 이번에는 그 화면 한 장을 어떻게 만드는지에 집중합니다.

여기서 말하는 화면 분할 프로그램은 별도 제품이 아니라 사이니지 프로그램인 미디어사인에 들어 있는 기능입니다. 사이니지 소프트웨어, DID 프로그램, 싸이니지 CMS로 검색하셔도 같은 제품입니다.

1. 방송화면이란

미디어사인에서 방송화면은 디스플레이에 보여줄 화면 한 벌입니다. 화면을 몇 칸으로 나눌지, 칸마다 어떤 콘텐츠를 어떤 순서로 보여줄지를 담고 있습니다. 한 번 만들어 두면 요일과 시간에 맞춰 편성해서 여러 디스플레이에 보낼 수 있습니다.

미디어사인은 서버 PC에 설치해 쓰는 설치형 CMS(콘텐츠 관리 시스템)입니다. 한 곳의 관리콘솔에서 방송화면을 만들고 여러 디스플레이에 보내는 사이니지 프로그램이라고 보시면 됩니다.

2. 디지털 사이니지 화면 분할 방식 고르기

디지털 사이니지 소프트웨어마다 부르는 이름은 다르지만, 미디어사인에서는 방송화면 편집 화면의 화면분할 프리셋에서 고릅니다. 고르는 즉시 아래 미리보기가 바뀝니다.

분할 구성 어울리는 쓰임(제안)
전체화면 한 칸 홍보 영상이나 사진을 크게 보여줄 때
2분할 가로 또는 세로로 두 칸 메뉴판·안내문 + 영상처럼 섞을 때
3분할 가로 또는 세로로 세 칸 상단 영상, 중단 안내, 하단 공지처럼 역할을 나눌 때
4분할 세로·가로·2×2 격자 네 장을 한꺼번에 보여줄 때
자유배치 마우스로 구역을 직접 그림 원하는 크기와 위치로 만들고 싶을 때
전체 전체화면 2분할 4분할(격자) 자유배치 분할과 비율은 미리보기를 보면서 바로 바꿀 수 있습니다
분할은 전체·2·3·4분할과 자유배치 중에서 고릅니다. 2·3·4분할은 가로형과 세로형 중 선택합니다.

분할을 고른 뒤에는 가로·세로 비율을 숫자로 조절할 수 있습니다. 합계가 100%가 되도록 정하고 "비율 적용"을 누르면 됩니다. 영상 칸은 넓게, 안내 칸은 좁게 두는 식입니다.

3. 가로·세로 해상도는 처음에 정하세요

화면 방향은 가로형(1920×1080) 과 세로형(1080×1920) 중에서 고릅니다. 엘리베이터나 키오스크처럼 세로로 세운 화면이라면, 분할을 고르기 전에 먼저 세로형을 선택하세요. 방향은 처음에 정해 두는 것이 가장 안전합니다.

LED 전광판처럼 규격이 특수한 화면이라면 해상도 직접 입력으로 실제 픽셀 크기를 넣고 "적용"을 누릅니다.

콘텐츠 파일 이름에도 방향을 적어 두면 편합니다. "메뉴_가로.jpg", "메뉴_세로.jpg"처럼 쓰면 칸에 넣을 때 헷갈리지 않습니다.

4. 화면 분할 자유배치: 구역을 직접 그리기

기본 분할로 부족하다면 자유배치를 고릅니다. 마우스로 구역을 그리고, 끌어서 옮기고, 모서리를 끌어 크기를 바꿉니다. 다른 구역과 맞닿으면 자동으로 달라붙어서 정렬이 어렵지 않습니다.

  • + 구역 추가로 새 구역을 만듭니다.
  • 구역 오른쪽 위의 ⇄ 버튼으로 두 구역의 위치를 서로 맞바꿀 수 있습니다.
  • × 버튼으로 구역을 지울 수 있습니다.
  • 마음에 드는 배치는 레이아웃 저장으로 남겨 둡니다.

5. 화면 분할 프로그램에서 위젯과 로고 얹기

화면 위에 겹쳐 보여줄 수 있는 위젯은 다음과 같습니다.

위젯 설정
날짜/시간 위치, 글자 크기, 배경색, 글자색
날씨 지역 이름 입력 (예: 서울특별시)
생활지수 미세먼지, 초미세먼지, 자외선, 체감온도
환율 USD, JPY, EUR, CNY, GBP, AUD, CAD, HKD, THB, VND 중 선택
로고 로고 업로드 후 자리와 높이 지정

위젯은 화면의 다섯 자리(좌상단, 중앙상단, 우상단, 좌하단, 우하단) 중 한 자리에 하나씩 놓습니다. 하단 중앙은 자막과 외부 피드가 쓰는 자리라 위젯을 놓을 수 없습니다. 위젯은 체크박스를 켠 뒤 "적용"을 눌러야 화면에 나타납니다.

작은 요령도 있습니다.

  • 배경 투명을 켜면 사진 위에 글씨만 떠 보입니다.
  • 로고는 배경이 투명한 PNG가 어울리고, 가로가 세로보다 3~5배 긴 형태(예: 480×120)가 잘 맞습니다.
  • 날씨와 환율 위젯은 서버가 인터넷에 연결되어 있어야 정보를 가져옵니다.

6. 칸마다 콘텐츠 넣기

구역별 콘텐츠 배치에서 칸마다 보여줄 콘텐츠를 정합니다. 영상, 이미지, PDF, 웹페이지, 스트림, 유튜브를 올릴 수 있습니다.

  • 한 칸에 콘텐츠를 여러 개 넣으면 위에서 아래 순서로 차례로 돌고, 끝나면 처음으로 돌아갑니다.
  • 이미지와 웹페이지는 재생시간(초) 으로 길이를 정합니다. 기본값은 10초입니다.
  • 채우기 방식의 기본값은 꽉채우기이고, 전환 효과의 기본은 컷(효과 없음)입니다.
  • 칸 이름 옆에 그 칸의 권장 해상도가 표시됩니다. 같은 크기에 맞춰 만든 사진이 가장 선명하게 나옵니다. 다른 크기여도 재생은 됩니다.

편집 화면에서 바꾸는 내용은 하나하나 바로 저장되고, 아래의 실시간 미리보기로 실제와 같은 모양을 확인할 수 있습니다.

7. 구성 예시: 세로 화면 로비 안내

세로형 화면에 3분할을 쓴다면 이런 구성을 생각해 볼 수 있습니다. 어디까지나 제안이며, 칸 비율은 현장 콘텐츠에 맞춰 조절하시면 됩니다.

구역 비율(예시) 내용 예시
상단 약 55% 홍보 영상
중단 약 30% 층별 안내나 행사 포스터를 이미지·PDF로 순환
하단 약 15% 오늘의 공지 이미지
모서리 위젯 우상단 날짜/시간, 좌하단에 날씨
하단 중앙 자막 자리 흐르는 공지 문구

이렇게 만든 배치는 "내 레이아웃 프리셋" 으로 저장해 두었다가 다른 방송화면을 만들 때 불러올 수 있어서, 비슷한 화면을 여러 장 만들 때 편합니다.

8. 사이니지 프로그램에서 방송화면을 돌려 쓰는 방법

방송화면을 2개 이상 만들었다면 화면전환 세트로 묶어 차례로 돌려 보여줄 수 있습니다. 예를 들어 "전체화면 → 2분할 → 4분할 → 다시 전체화면" 순서로 자동 순환합니다. 방송화면마다 재생시간과 전환 효과를 따로 정합니다.

9. 만든 뒤에 꼭 하셔야 할 것

방송화면은 만들기만 해서는 나가지 않습니다. "방송하기"에서 요일과 시간에 배정하고, 마지막에 "스케줄을 디스플레이에 전송" 을 눌러야 실제 화면에 반영됩니다. 요일·시간별 사이니지 스케줄 관리는 다음 글에서 이어서 다루겠습니다.

미디어사인은 월 구독 없이 디스플레이 1대당 영구 사용하는 무구독 CMS이고, 15일 동안 전 기능을 체험할 수 있습니다. 우리 매장이나 로비에 어떤 분할이 어울릴지 고민된다면 031-349-7505 또는 아래 버튼으로 문의해 주세요.

자주 묻는 질문

사이니지 프로그램, 사이니지 소프트웨어, DID 프로그램은 같은 건가요?

네, 같은 것을 가리키는 말입니다. 사이니지 프로그램, 사이니지 소프트웨어, DID 프로그램은 부르는 사람에 따라 달라질 뿐이고, 편성·원격 관리·모니터링을 한 곳에서 처리하는 사이니지 CMS를 뜻합니다. 미디어사인(MediaSign)은 그런 사이니지 CMS 프로그램이며, 싸이니지 CMS나 Digital Signage CMS라고 검색하셔도 같은 제품입니다.

디지털 사이니지 화면 분할은 어떤 종류가 있나요?

전체화면, 2분할, 3분할, 4분할(세로·가로·2×2 격자), 자유배치가 있습니다. 자유배치는 마우스로 구역을 직접 그려 원하는 크기와 위치로 만듭니다.

세로 화면에서도 화면 분할을 쓸 수 있나요?

네, 세로형(1080×1920)을 먼저 고른 뒤 분할을 고르면 됩니다. 엘리베이터 같은 세로 화면 운영은 4편에서 이어서 다룹니다.

날씨·환율 위젯은 인터넷이 있어야 하나요?

네, 서버가 인터넷에 연결되어 있어야 날씨와 환율 정보를 가져옵니다.

방송화면을 만들면 바로 디스플레이에 나오나요?

아니요. 방송화면은 만들기만 해서는 나가지 않습니다. 방송하기에서 요일·시간에 편성하고 "스케줄을 디스플레이에 전송"을 눌러야 합니다.

구독료가 있나요?

구독이 아니라 디스플레이 1대당 영구 사용 방식입니다. 금액은 문의해 주세요.