시간대별로 바뀌는 세 화면 레스토랑 메뉴 보드 만드는 방법

무료 Harvest Table 템플릿으로 세 화면과 컴퓨터 한 대만으로 아침, 점심, 저녁까지 저절로 바뀌는 메뉴 보드를 만들어 보세요.

Daniel Palka 작성 6분 읽기 FloSync 0.5.0용으로 작성됨
목차
  1. 필요한 것
  2. 1단계: 세 화면 연결하고 배치하기
  3. 2단계: FloSync 설치하고 열기
  4. 3단계: 독립 모드 유지하기
  5. 4단계: Harvest Table 템플릿 다운로드하기
  6. 5단계: 아침 메뉴 불러오기
  7. 6단계: 일정 패널 열기
  8. 7단계: 장면 두 개 추가하기
  9. 8단계: 장면 이름을 아침, 점심, 저녁으로 지정하기
  10. 9단계: 전환 시간 설정하기
  11. 10단계: 점심과 저녁 메뉴 불러오기
  12. 11단계: 메뉴 미리 보고 전환 테스트하기
  13. 12단계: 하루 동안 라이브 시작하기
  14. 13단계: 메뉴 보드 자동으로 시작하기
  15. 마무리

FloSync는 여러 화면에 걸쳐 디지털 사이니지를 운영하는 Mac과 Windows용 무료 앱입니다. 이 가이드는 컴퓨터 한 대와 무료 Harvest Table 템플릿으로 세 화면 메뉴 보드를 만드는 방법을 다룹니다. FloSync는 설정한 일정에 따라 보드를 아침에서 점심, 저녁으로 자동으로 바꿔 주므로, 오후 2시에도 아침 메뉴가 그대로 떠 있는 일이 없습니다.

이 예시는 오전 11시와 오후 5시에 전환됩니다. 실제 운영 시간은 같은 곳에서 직접 설정하면 됩니다.

완성할 결과물.

필요한 것

소요 시간: 약 20분

  • 세 개의 디스플레이를 동시에 구동할 수 있는 Windows 또는 macOS 컴퓨터 (포트가 세 개 있다고 해서 보장되는 것은 아니므로, 확실하지 않다면 그래픽 하드웨어를 확인하세요)
  • 나란히 배치한 가로형 화면 세 개
  • 무료로 다운로드할 수 있는 FloSync (Mac과 Windows용)
  • 무료 Harvest Table 메뉴 템플릿

1단계: 세 화면 연결하고 배치하기

세 화면을 모두 컴퓨터에 연결한 다음, 운영체제를 복제가 아닌 확장 모드로 설정하세요.

디스플레이 설정에서 세 화면을, 카운터 뒤에 놓인 순서 그대로 왼쪽에서 오른쪽으로 배열하세요. 그러면 컴퓨터 화면에 보이는 배치가 고객이 보는 배치와 일치합니다.

한 컴퓨터에 일렬로 연결된 가로형 화면 세 개를 보여주는 다이어그램, 1부터 3까지 번호가 매겨져 있음 컴퓨터 한 대, 나란히 놓인 화면 세 개.

2단계: FloSync 설치하고 열기

FloSync를 다운로드하고 설치한 다음 실행하세요.

컴포저 (FloSync의 메인 창)에는 방금 설정한 순서대로 화면 박스 세 개가 표시됩니다. 하나라도 빠졌거나 순서가 다르면, 계속하기 전에 디스플레이 설정에서 바로잡으세요.

빈 화면 박스 세 개가 나란히 표시되고, Display 1에 기본 표시가 있으며, 콘텐츠가 없음 상태가 나타난 FloSync 컴포저 박스는 화면과 같은 순서여야 합니다.

3단계: 독립 모드 유지하기

모드 드롭다운을 독립으로 그대로 두세요.

독립 모드 선택기. 도구 모음 왼쪽에 있습니다.

독립 모드는 화면마다 각자의 콘텐츠를 표시하게 합니다. 여기서는 화면마다 메뉴 패널을 하나씩 띄우고, 세 패널이 합쳐져 하나의 보드로 보이는 방식입니다.

4단계: Harvest Table 템플릿 다운로드하기

무료 Harvest Table 템플릿 세트를 다운로드해 압축을 풀고, 폴더를 영구적인 위치에 보관하세요. FloSync는 폴더를 둔 위치에서 그대로 페이지를 불러오기 때문입니다.

Harvest Table 아침 메뉴 보드, 왼쪽 화면. 달걀 프라이, 두툼한 베이컨, 팬에 구운 감자, 비스킷으로 이루어진 팜하우스 조식이 왼쪽 절반을 채우고, 그 옆으로 버터밀크 팬케이크부터 오트밀까지 이어지는 메인 메뉴 목록과 가격이 있습니다.

Harvest Table

가로형 화면 세 개를 위한 레스토랑 메뉴 보드로, 아침·점심·저녁 메뉴를 담고 있습니다.

Canva, PowerPoint, Illustrator 및 HTML 파일로 무료 제공됩니다.

무료 템플릿 다운로드

Harvest Table 템플릿 페이지에서 HTML 버전을 받아 압축을 푸세요 (문서 폴더도 괜찮습니다). harvest-table-ko-landscape-html 폴더 안에는 breakfast, lunch, dinner 폴더가 있으며, 각각 해당 메뉴의 페이지 세 개와 사진, 글꼴, 그리고 README와 라이선스가 들어 있습니다. 페이지가 이미지를 제대로 불러오도록 각 폴더는 통째로 유지하세요. 폴더와 파일 이름은 모든 언어에서 동일합니다. 안에 있는 README는 여러분의 언어로 되어 있어, 이 폴더와 파일 이름이 무엇을 뜻하는지 설명해 줍니다.

압축을 푼 harvest-table-en-landscape-html 폴더를 Windows 탐색기에서 본 모습: breakfast, dinner, lunch 폴더가 LICENSE, README 파일과 나란히 있음 압축을 푼 템플릿 폴더.

5단계: 아침 메뉴 불러오기

컴포저의 각 화면 박스를 우클릭해 HTML 파일 불러오기...를 선택하고, 왼쪽 화면에는 left-entrees.html을, 가운데에는 middle-specials.html을, 오른쪽에는 right-sides-drinks.html을 불러오세요.

Display 1 화면 박스의 우클릭 메뉴. 비디오/이미지 불러오기...와 웹 페이지 URL 불러오기... 사이에 HTML 파일 불러오기...가 빨간색으로 표시됨 화면 박스의 우클릭 메뉴.

세 페이지 모두 breakfast 폴더 안에 있습니다.

독립 모드에서 화면 세 개에 각각 Harvest Table 아침 패널이 표시된 FloSync 컴포저. 왼쪽, 가운데, 오른쪽 순서 각 박스에는 해당 화면에 실제로 표시될 모습이 그대로 나타납니다.

6단계: 일정 패널 열기

도구 모음의 스케줄 아이콘을 클릭하세요.

스케줄 아이콘. 도구 모음 오른쪽에 있습니다.

방금 열린 일정 패널. 00:00부터 24:00까지인 하루 종일 장면 하나가 웹 페이지 세 개를 담고 있음 패널을 열면: 하루 종일 장면 하나에 이미 아침 페이지가 들어 있습니다.

FloSync의 스케줄은 장면 단위로 동작합니다. 각 장면에는 화면에 표시할 콘텐츠와 그 표시 시간대가 함께 담겨 있습니다. 새로 설치하면 시간대 모드로 시작되는데, 이는 메뉴 보드에 필요한 모드입니다. 대신 패널 위쪽의 타이머 아이콘이 강조 표시되어 있다면, 옆의 달력 아이콘을 클릭해 시간대 모드로 전환하세요.

7단계: 장면 두 개 추가하기

일정 패널 하단의 + 버튼 (툴팁은 장면 추가)을 두 번 클릭하세요.

장면 추가 아이콘. 패널 하단 아이콘 행에 있습니다.

새 스케줄에는 하루 종일 장면이 하나 있습니다. 두 번 클릭하면 길이가 같은 장면 세 개가 만들어지며, 이름을 붙일 준비가 됩니다. 시간을 설정하기 전에 두 장면을 모두 추가하세요. 장면을 추가할 때마다 하루가 다시 균등하게 나뉘기 때문입니다.

+ 버튼을 두 번 클릭한 뒤의 일정 패널. 빨간 원으로 표시됨: 웹 페이지 세 개가 있는 하루 종일 장면, 그리고 아무 콘텐츠도 없는 새 장면 두 개, 각각 8시간 길이 아침 페이지는 첫 번째 장면에 그대로 남아 있습니다. 점심과 저녁을 불러오기 전까지 새 장면 두 개는 비어 있습니다.

이 시점에는 화면 박스가 비어 보이는데, 가장 최근에 만든 장면이 선택되어 있고 아직 아무것도 들어 있지 않기 때문입니다. 아침 메뉴는 첫 번째 장면에 그대로 남아 있습니다.

8단계: 장면 이름을 아침, 점심, 저녁으로 지정하기

각 장면의 연필 아이콘을 클릭해 이름을 순서대로 아침, 점심, 저녁으로 바꾸고, 그때마다 저장을 클릭하세요.

편집 아이콘. 각 장면 카드 오른쪽에 있습니다.

여기서는 이름만 바꾸면 됩니다. 같은 대화상자의 시작과 종료 필드는 정확한 시간을 직접 입력할 때 쓰며, 다음 단계에서는 더 빠른 방법으로 시간을 설정합니다.

이름 필드에 아침이 입력되고 그 아래에 시작과 종료 시간이 있는 장면 편집 대화상자 장면 편집 대화상자.

9단계: 전환 시간 설정하기

타임라인 편집은 하루 전체를 하나의 띠로 보여주며, 각 장면은 색이 있는 막대로 표시됩니다. 막대와 막대 사이의 핸들은 두 장면의 전환 시간을 정합니다.

타임라인 편집을 클릭하고, 아침과 점심 사이의 핸들을 오전 11시로, 점심과 저녁 사이의 핸들을 오후 5시로 드래그한 다음 저장을 클릭하세요.

타임라인 편집 아이콘. 장면 추가 아이콘 바로 오른쪽에 있습니다.

드래그하면 띠 아래의 시간이 함께 바뀝니다. 이 가이드는 오전 11시와 오후 5시를 사용하지만, 실제 주방의 전환 시간에 맞게 설정하세요. 이제 하루는 다음과 같이 구성됩니다.

  • 아침: 자정부터 오전 11시까지
  • 점심: 오전 11시부터 오후 5시까지
  • 저녁: 오후 5시부터 자정까지

아침, 점심, 저녁이 24시간 띠에 걸쳐 색이 있는 막대 세 개로 표시되고, 그 사이 핸들이 오전 11시와 오후 5시에 있는 타임라인 편집 대화상자 핸들이 오전 11시와 오후 5시로 설정된 모습.

시간대 모드에서 아침, 점심, 저녁 장면과 각 시간이 표시된 일정 패널 저장 후 패널로 돌아온 모습: 점심은 오전 11시에, 저녁은 오후 5시에 시작합니다.

10단계: 점심과 저녁 메뉴 불러오기

점심 장면을 선택하고 5단계와 같은 방법으로 lunch 폴더의 세 페이지를 불러온 다음, 저녁을 선택해 dinner 폴더로 같은 작업을 반복하세요.

각 장면은 자신만의 콘텐츠를 유지하므로, 패널에서 장면을 번갈아 클릭하는 것만으로 작업을 바로바로 확인할 수 있습니다.

일정 패널이 열려 있고 점심 장면이 선택된 FloSync 컴포저. 세 화면 모두 Harvest Table 점심 패널을 표시함 점심 장면, 오전 11시부터 오후 5시까지.

일정 패널이 열려 있고 저녁 장면이 선택된 FloSync 컴포저. 세 화면 모두 Harvest Table 저녁 패널을 표시함 저녁 장면, 오후 5시부터 자정까지.

11단계: 메뉴 미리 보고 전환 테스트하기

아침, 점심, 저녁을 차례로 클릭해 각 메뉴를 미리 보고, 다음 전환 시간을 지금부터 몇 분 뒤로 옮긴 다음, 라이브 시작을 클릭해 Go Live (일정)을 선택하세요.

장면을 선택하면 컴포저에 해당 패널이 표시되므로, 라이브를 시작하기 전에 올바른 페이지가 올바른 화면에 있는지 확인할 수 있습니다. 시계가 돌아가길 기다리지 않고 전환을 확인하려면, 지금 표시 중인 장면의 연필 아이콘을 클릭해 종료 시간을 몇 분 뒤로 입력하세요. 저녁이 현재 장면이라면 대신 점심에서 같은 작업을 하세요. 그러면 점심이 몇 분 동안 다시 표시된 뒤 저녁으로 돌아갑니다.

라이브 시작 라이브 시작 버튼. 컴포저 창 오른쪽 아래에 있습니다.

Go Live (일정)은 장면을 실제 화면에 전체 화면으로 재생합니다. 보드가 전환되는 모습을 확인한 다음 ESC를 눌러 컴포저로 돌아가고, 전환 시간을 원래의 실제 시간으로 되돌리세요.

오전 11시에 점심 메뉴가 표시된 세 화면 메뉴 보드 오전 11시: 보드가 점심으로 넘어갔습니다.

12단계: 하루 동안 라이브 시작하기

실제 시간을 다시 맞춘 다음, 라이브 시작을 클릭해 Go Live (일정)을 다시 선택하세요.

이제부터는 스케줄이 화면에 어떤 메뉴가 나올지 결정합니다.

라이브 시작 버튼 위에 열린 Go Live 메뉴. Go Live (현재), Go Live (일정), Go Live (컨트롤러)가 표시됨 Go Live 메뉴: 설정한 시간을 따르는 것은 Go Live (일정)입니다.

13단계: 메뉴 보드 자동으로 시작하기

환경설정을 열고 시작 섹션으로 이동해 로그인 시 FloSync 시작을 켜고, 자동 Go Live를 전체 화면으로 설정하세요.

두 설정을 모두 켜 두면, 누군가 컴퓨터에 로그인하는 즉시 FloSync가 실행되고 짧은 카운트다운 후 스케줄대로 라이브를 시작하므로, 아무도 앱을 직접 조작할 필요가 없습니다. 정전 후에도 보드가 다시 돌아오게 하려면 컴퓨터 자체가 자동으로 켜지고 자동으로 로그인하도록 설정하세요. FloSync는 꺼진 컴퓨터를 스스로 켤 수는 없습니다.

로그인 시 FloSync 시작이 켜져 있고 자동 Go Live가 전체 화면으로 설정된 환경설정 대화상자의 시작 섹션 로그인 시 FloSync 시작이 켜져 있고, 자동 Go Live는 전체 화면으로 설정되어 있습니다.

마무리

이제 메뉴 보드는 스스로 스케줄을 따릅니다. 운영 시간이 바뀌면 타임라인 편집을 열어 핸들을 다시 드래그하세요.

자주 묻는 질문

Harvest Table 템플릿 대신 제 메뉴 디자인을 사용할 수 있나요?

네. 각 화면은 영상, 이미지, 웹 페이지를 각자 불러올 수 있으므로, 한 화면에만 또는 세 화면 모두에 직접 디자인한 메뉴를 사용할 수 있습니다.

정전이나 재부팅 후에는 어떻게 되나요?

로그인 시 FloSync 시작을 켜고 자동 Go Live를 전체 화면으로 설정해 두면, 재부팅 후 누군가 로그인할 때 보드가 다시 나타납니다. 정전 후에도 사람 손 없이 복구하려면 컴퓨터가 자동으로 켜지고 자동으로 로그인하도록 설정하세요. FloSync는 전원이 꺼진 컴퓨터를 직접 켤 수는 없습니다.

메뉴 텍스트를 수정할 수 있나요?

네. 템플릿은 PowerPoint, Illustrator, Canva 파일로도 제공되므로, 이미 사용하는 프로그램에서 요리, 가격, 색상, 글꼴을 바꾼 다음 각 화면을 이미지로 저장해 FloSync에 불러오면 됩니다. 이 가이드에서 사용한 HTML 버전도 직접 수정할 수 있습니다. 먼저 파일을 백업용으로 복사한 다음 텍스트 편집기에서 열어, 보드에 표시된 요리 이름을 찾아 바꾸세요.

메뉴 보드를 운영하는 데 인터넷 연결이 필요한가요?

아니요. 템플릿 세트를 다운로드해 압축을 푼 다음, 각 HTML 파일을 이미지·글꼴 폴더와 함께 그대로 두고 로컬 파일로 불러오면 됩니다. FloSync는 컴퓨터에 저장된 파일을 직접 읽으므로, 인터넷이 끊겨도 보드는 계속 작동합니다.

작성자 소개

Daniel Palka

Daniel Palka

FloSync 창작자

Daniel은 2007년부터 멀티스크린 영상 소프트웨어를 개발해 왔으며, FloSync는 그 당시 ArraySync라는 학생 프로젝트로 시작되었습니다.

우리의 이야기

관련 글