スクリーンゾーン

スクリーンゾーンを使用すると、ディスプレイを複数のエリアに分割し、それぞれで異なるコンテンツを表示できます。特集アイテム付きのメニューボードや、ニュースと天気を表示するロビーディスプレイなどの複雑なレイアウトに最適です。

ゾーンとは？

ゾーンは、それぞれ独立したコンテンツを表示できるスクリーン上の矩形エリアです。「スクリーン内のスクリーン」と考えてください。

• ゾーン0（メインゾーン） - 割り当てられたプレイリストまたはシーケンスを表示
• その他のゾーン - 静的メディア（画像または動画）を表示

利用可能なゾーンテンプレート

Screenzzieは4つのプリセットゾーンレイアウトを提供しています：

ゾーンの設定

ゾーンテンプレートは、スクリーン設定のデザインタブで選択します：

ステップ1：スクリーン設定を開く

1. スクリーンに移動
2. 設定したいスクリーンをクリック
3. /screens/[id]/configuracionesの設定エディターが開きます

ステップ2：ゾーンテンプレートを選択

1. サイドバーのデザインタブに移動
2. 「ゾーンテンプレート」セクションを見つける
3. 4つのテンプレートオプションのいずれかをクリック
4. キャンバスプレビューが即座に更新されます

ステップ3：ゾーンにコンテンツを割り当て

ゾーン0（メインゾーン）の場合：

• コンテンツタブに移動
• プレイリストまたはシーケンスを選択
• このコンテンツがゾーン0で再生されます

その他のゾーン（1、2、3）の場合：

1. キャンバスプレビューでゾーンをクリック
2. コンテンツ選択のモーダルが開きます
3. メディアライブラリから画像または動画を選択
4. 保存をクリック
5. 変更が即座に適用されます

ゾーンテンプレートの詳細

フル（完全）

+---------------------------+
|                           |
|         ゾーン0           |
|       （フルスクリーン）    |
|                           |
+---------------------------+

• 画面全体をカバーする単一ゾーン
• シンプルなコンテンツ表示に最適
• 新しいスクリーンのデフォルトテンプレート

50/50分割

+-------------+-------------+
|             |             |
|   ゾーン0    |   ゾーン1    |
|             |             |
+-------------+-------------+

• 2つの等しい列
• ゾーン0（左）：プレイリスト/シーケンス
• ゾーン1（右）：静的メディア
• コンテンツ + サイドバー情報に最適

メイン+サイド

+------------------+--------+
|                  |        |
|     ゾーン0       | ゾーン1 |
|     （大）        |（小）   |
|                  |        |
+------------------+--------+

• メインゾーンが画面の2/3を占有
• サイドバーが1/3を占有
• 特集コンテンツとサポート情報に最適

4分割

+-------------+-------------+
|   ゾーン0    |   ゾーン1    |
+-------------+-------------+
|   ゾーン2    |   ゾーン3    |
+-------------+-------------+

• 4つの等しい象限
• ゾーン0：プレイリスト/シーケンス
• ゾーン1-3：静的メディア
• メニューボードなどのマルチコンテンツディスプレイに最適

ゾーンプロパティ

ゾーン0（メインゾーン）

最初のゾーン（ゾーン0）は特別です：

• 割り当てられたプレイリストまたはシーケンスを表示
• スケジュールを自動的に尊重
• コンテンツはコンテンツタブで割り当て
• その他のゾーンは静的メディアのみ表示

ベストプラクティス

解像度の考慮事項

• 大きなゾーンは詳細なコンテンツを表示可能
• 小さなゾーンはシンプルなメディアに最適
• ゾーンサイズでのテキストの読みやすさを考慮
• 実際のスクリーン解像度でテスト

コンテンツのマッチング

コンテンツをゾーンの目的に合わせる：

パフォーマンス

• 各ゾーンは独立して動画を再生可能
• 最高のパフォーマンスのため、動画は1〜2ゾーンに制限
• 小さなゾーンには静的画像を使用
• 複雑なレイアウトはより多くのデバイスリソースを必要とする場合があります

オーバーレイの追加

オーバーレイ（時計、天気、画像、お知らせ）はゾーンの上に表示されます：

1. デザインタブに移動
2. サイドバーからオーバーレイをドラッグ
3. キャンバス上の任意の場所にドロップ
4. 必要に応じて位置とサイズを調整
5. オーバーレイはすべてのゾーンコンテンツの上にレンダリング

トラブルシューティング

ゾーンコンテンツが表示されない

• コンテンツがゾーンに割り当てられていることを確認
• メディアファイルがサポートされていることを確認
• スクリーンがオンラインであることを確認
• ページを更新してみる

パフォーマンスの問題

• 動画ゾーンの数を減らす
• より低い解像度の動画を使用
• 小さなゾーンには静的画像を使用
• よりシンプルなゾーンレイアウトを検討

ゾーンが更新されない

• インターネット接続を確認
• 変更が保存されていることを確認
• ダッシュボードからスクリーンを更新
• 物理デバイスが接続されていることを確認

次のステップ

• ゾーンの上にオーバーレイを追加
• ゾーン0用のプレイリストを作成
• 時間ベースのコンテンツローテーションのためのシーケンスについて学ぶ