چیدمان‌ها

چیدمان یا Layout به مجموعه تنظیمات مربوط به موقعیت و اندازه آیتم‌های اطلاعاتی و گرافیکی (اینفوآیتم‌ها) در صفحه نمایش گفته می‌شود. به کمک چیدمان می‌توان صفحه نمایش یک ساینیج دیجیتال، رابط یک ساینیج تعاملی یا ساختار یک اپلیکیشن کیوسک را طراحی کرد. در این بخش، نحوه ایجاد و مدیریت چیدمان و استفاده از اینفوآیتم‌های تعریف‌شده برای طراحی صفحات مختلف توضیح داده می‌شود.

چیدمان‌های ایجادشده در بخش زمان‌بندی نمایشگرها مورد استفاده قرار می‌گیرند.

تعریف و ایجاد چیدمان

برای ایجاد یک چیدمان جدید، در پنل کاربری به بخش «چیدمان‌ها» مراجعه کرده و چیدمان را با نام دلخواه ایجاد کنید. بهتر است نام چیدمان متناسب با محتوا یا کاربرد آن انتخاب شود. در صفحه زمان‌بندی، چیدمان با همین نام نمایش داده می‌شود.

همچنین برای ایجاد چیدمان جدید می‌توان فایل چیدمانی که از قبل طراحی شده است را آپلود نمود و یا از چیدمان‌های موجود در کتابخانه‌ی چیدمان‌های پیش‌ساخته، چیدمانی را که نزدیک‌ترین طراحی را به طرح مورد نظر دارد انتخاب کرد. بعد از اضافه شدن این چیدمان‌ به لیست چیدمان‌ها، می‌توان به سلیقه‌ی خود آن‌ را ویرایش نمود.

ویرایش و حذف چیدمان

در پنل «چیدمان‌ها» و از طریق دکمه‌های موجود در فهرست چیدمان‌ها، می‌توانید نام هر چیدمان را ویرایش یا آن را حذف کنید.

ایجاد کپی و یا دانلود چیدمان

با استفاده از دکمه «کپی چیدمان» در فهرست چیدمان‌ها، می‌توانید از یک چیدمان موجود نسخه جدیدی ایجاد کنید. همچنین با استفاده از دکمه «دانلود چیدمان» می‌توانید فایل چیدمان را برای تهیه نسخه پشتیبان یا ارسال به حساب کاربری دیگر دانلود کنید. دکمه «استفاده‌کننده‌ها» نیز نمایشگرهایی را که از این چیدمان استفاده می‌کنند، نشان می‌دهد.

چیدمان پیش‌فرض

چیدمان پیش‌فرض، چیدمانی است که در صورت نداشتن زمان‌بندی برای یک نمایشگر، به صورت پیش‌فرض نمایش داده می‌شود.

اولین چیدمانی که ایجاد می‌کنید به‌صورت خودکار به‌عنوان چیدمان پیش‌فرض انتخاب می‌شود؛ اما با استفاده از دکمه «چیدمان پیش‌فرض» می‌توانید چیدمان دلخواه دیگری را به‌عنوان پیش‌فرض انتخاب کنید یا چیدمان فعلی را از حالت پیش‌فرض خارج کنید.

پیش‌نمایش چیدمان

برای مشاهده خروجی چیدمان در مرورگر و صرفاً با هدف آزمایش، می‌توانید از دکمه «پیش نمایش چیدمان» استفاده کرد.

پنل مدیریت چیدمان

پس از ایجاد چیدمان یا با کلیک روی دکمه «مدیریت چیدمان» در فهرست چیدمان‌ها، صفحه مدیریت چیدمان باز می‌شود.

پس از باز شدن صفحه مدیریت چیدمان، ابتدا اینفوآیتم‌های مورد نظر را به صفحه یا لایه مورد نظر اضافه کنید و سپس مکان و اندازه هر اینفوآیتم را مشخص کنید. برای تعیین موقعیت اینفوآیتم، آن را انتخاب کرده و به محل دلخواه بکشید برای تغییر اندازه نیز گوشه پایین سمت راست اینفوآیتم را بگیرید و با کشیدن آن، اندازه اینفوآیتم را تغییر دهید. همچنین از طریق دکمه «تنظیمات» روی اینفوآیتم می‌توانید موقعیت و اندازه دقیق آن را تعیین کنید.

هر چیدمان می‌تواند شامل چندین صفحه باشد و هر صفحه نیز می‌تواند چندین لایه داشته باشد. لایه‌ها برای ایجاد امکان قرارگیری بخشی از یک اینفوآیتم روی اینفوآیتم دیگر (overlap) دیگر و ایجاد هم‌پوشانی (overlap) در طراحی در نظر گرفته شده‌اند. جابجایی بین صفحات یک چیدمان هنگام پخش می‌تواند بر اساس زمان تعیین‌شده، پایان پخش ویدئوهای صفحه یا تعامل کاربر با یک آیتم انجام شود.

اضافه کردن آیتم به چیدمان

روش اول(A): از نوار بالای صفحه‌ی مدیریت می‌توان از لیست اینفوآیتم‌هایی که از قبل تعریف شده است، اینفوآیتمی را انتخاب و با کلیک کردن روی دکمه + آن را به صفحه‌ چیدمان اضافه کرد.

روش دوم(B): در‌ صورتیکه تنها اطلاعات متنی ساده و یا یک تصویر را می‌خواهید به چیدمان اضافه کنید، می‌توان به جای تعریف اینفوآیتم از دکمه «اضافه کردن باکس ساده به چیدمان» استفاده کرد. به کمک دکمه ویرایش متن و یا تعریف تصویر پس‌زمینه در صفحه‌ی تنظیمات این باکس می‌توان متن و یا تصویر این باکس را به دلخواه مدیریت نمود.

روش سوم(C): در صورتیکه اینفوآیتم، یا لایه یا صفحه‌ای را توسط دکمه‌های کپی، در حافظه ذخیره کرده باشید، می‌توان آن‌ها را توسط دکمه «اضافه کردن اینفوآیتم از حافظه به چیدمان» به چیدمان اضافه کرد. کپی نمودن اینفوآیتم، لایه یا صفحه از یک چیدمان به چیدمان دیگر نیز امکان‌پذیر است.

تنظیمات اینفوآیتم

تنظیمات مربوط به ظاهر، نحوه نمایش و عملکرد اینفوآیتم از طریق پنل تنظیمات آن قابل تغییر است. برای ورود به پنل تنظیمات اینفوآیتم، از دکمه «تنظیمات» می‌توان استفاده نمود.

۱- تنظیمات عمومی

در صفحه «تنظیمات عمومی» می‌توانید موقعیت و اندازه دقیق اینفوآیتم را تعیین کنید. در همین صفحه می‌توانید یک اینفوآیتم را با اینفوآیتم دیگری جایگزین کنید و تنظیمات اینفوآیتم قبلی را حفظ کنید. این قابلیت، برای ویرایش سریع چیدمان‌های پیش‌ساخته بسیار کاربردی است.

۲- تنظیمات فونت و متن

اندازه، رنگ و فونت نوشته‌های یک اینفوآیتم از طریق این بخش قابل تغییر است.

۳- تنظیمات پس‌زمینه و حاشیه

در بخش «تنظیمات پس‌زمینه و حاشیه» می‌توانید رنگ یا تصویر پس‌زمینه اینفوآیتم را تعیین کنید. همچنین می‌توانید نحوه کشیده‌شدن تصویر پس‌زمینه را مشخص کنید. تنظیمات رنگ و ضخامت حاشیه اینفوآیتم نیز در همین بخش انجام می‌شود.

همچنین برای ایجاد افکت پس‌زمینه بلوری در صورتیکه رنگ پس‌زمینه‌ای که دارای میزانی شفافیت باشد انتخاب شده باشد، می‌توان با تعیین درصد افکت بلور در این صفحه، پس‌زمینه بلوری ایجاد نمود.

۴- تنظیمات ترنزیشن

تنظیم انیمیشن‌های ورود و خروج اینفوآیتم از صفحه چیدمان در بخش «ترنزیشن» پنل تنظیمات انجام می‌شود.

اینفوآیتم می‌تواند با یک افکت ورود مانند (fade in) پس از مدت مشخص‌شده (تاخیر شروع به ثانیه) در صفحه ظاهر شود. همچنین می‌توان تعیین کرد که پس از مدت مشخص‌شده (زمان پخش به ثانیه) با یک افکت خروج مانند (fade out) اینفوآیتم با افکت مورد نظر از صفحه خارج یا محو شود.

در صورت نیاز، با فعال‌کردن گزینه «تکرار ترنزیشن»، ورود و خروج اینفوآیتم با فاصله زمانی دلخواه (تاخیر تکرار ترنزیشن) قابل تکرار است.

۵- سایر تنظیمات

سرعت: تغییر سرعت اسلایدرهای تصویری، اسکرول‌های خودکار و پخش زیرنویس

تنظیم رفتار اینفوآیتم در صورت کلیک یا لمس شدن: به منظور ایجاد یک چیدمان تعاملی به این معنی که کاربر بتواند مانند یک اپلیکیشن با صفحه ساینیج تعامل داشته باشد، می‌توانید تعیین کنید که با کلیک یا لمس اینفوآیتم، صفحه دیگری از چیدمان نمایش داده شود. مانند رفتن به صفحه‌ی قبل یا بعد، بازگشت به صفحه‌ی اول و یا رفتن به صفحه‌ای خاص. این قابلیت زمانی قابل استفاده است که چیدمان بیش از یک صفحه داشته باشد.

نوع نمایش: بعضاً اینفوآیتم‌ها می‌توانند قابلیت نمایش‌های متنوعی داشته باشند، از طریق این منو می‌توان نوع نمایش اینفوآیتم را تغییر داد. اطلاعات انواع نمایش این اینفوآیتم‌ها در زیر آمده است:

• گالری تصاویر

پیش‌فرض: تصاویر به‌صورت خودکار و در قالب اسلایدر نمایش داده می‌شوند.

تعاملی: کاربر می‌تواند با کلیک یا لمس دکمه‌های چپ و راست بین تصاویر جابه‌جا شود.

• ویدئو گالری

پیش‌فرض: ویدئوها به‌صورت خودکار و به‌ترتیب پخش می‌شوند.

تعاملی: کاربر توسط کلیک و یا لمس چپ و راست بین ویدئوها می‌تواند جابه‌جا شود و ویدئویی را که می‌خواهد پخش کند.

• اخبار

پیش‌فرض: اخبار به‌صورت خودکار و در قالب اسلایدر نمایش داده می‌شوند.

تعاملی: کاربر می‌تواند با کلیک یا لمس دکمه‌های چپ و راست بین اخبار جابه‌جا شود.

زیرنویس: عناوین اخبار به صورت زیرنویس نمایش داده خواهد شد. در این حالت تصویر پس‌زمینه اینفوآیتم به صورت تصویر جداکننده خبر عمل خواهد کرد.

• آراس‌اس خبری

پیش‌فرض: اخبار به‌صورت خودکار و در قالب اسلایدر نمایش داده می‌شوند.

زیرنویس: عناوین اخبار به صورت زیرنویس نمایش داده خواهد شد. در این حالت تصویر پس‌زمینه اینفوآیتم به صورت تصویر جداکننده خبر عمل خواهد کرد.

• وب سرویس

پیش‌فرض: آیتم‌های وب‌سرویس به‌صورت خودکار و در قالب اسلایدر نمایش داده می‌شوند.

زیرنویس: آیتم‌های وب سرویس به صورت زیرنویس نمایش داده خواهد شد. در این حالت تصویر پس‌زمینه اینفوآیتم به صورت تصویر جداکننده خبر عمل خواهد کرد.

• فروشگاه

پیش‌فرض: کالاها و خدمات به‌صورت فهرستی همراه با عنوان و قیمت نمایش داده می‌شوند.

تعاملی: کاربر می‌تواند مانند یک فروشگاه آنلاین، کالاها و خدمات مورد نظر را انتخاب و خریداری کند.

• نوبت‌دهی

نمایش نوبت: نمایش نوبت‌های فراخوانی شده.

صدور نوبت: کاربر می‌تواند با انتخاب صف مورد نظر، نوبت دریافت نماید.

نظرسنجی: کاربر می‌تواند میزان رضایت خود را از خدمات باجه ثبت نماید.

ایجاد زیرنویس برای چیدمان

اینفوآیتم‌های «آر‌اس‌اس خبری»، «اخبار» و «وب‌سرویس» قابلیت نمایش به‌صورت زیرنویس را دارند.

برای ایجاد زیرنویس در چیدمان، دو روش وجود دارد:

۱- منو تنظیمات زیرنویس

اگر قرار است زیرنویس در تمام صفحات نمایش داده شود و ترنزیشن بین صفحات در نمایش آن اختلال ایجاد نکند، بهتر است زیرنویس را از طریق منوی «تنظیمات زیرنویس» ایجاد و مدیریت کنید. در این حالت، زیرنویس به‌صورت یک نوار سراسری در پایین صفحه نمایش داده می‌شود. اندازه و نوع فونت، سرعت زیرنویس، رنگ فونت و پس‌زمینه و آیکون جداکننده خبر نیز از همین منو قابل تنظیم است. در صورت نیاز، می‌توانید جهت نمایش زیرنویس‌های انگلیسی را از چپ به راست تغییر دهید.

۲- نوع نمایش اینفوآیتم

اگر لازم است بیش از یک زیرنویس در صفحه نمایش داده شود یا می‌خواهید محل و اندازه زیرنویس را به‌صورت دلخواه تعیین کنید، می‌توانید اینفوآیتم مورد نظر (آر‌اس‌اس، اخبار یا وب‌سرویس) را به چیدمان اضافه کرده و نوع نمایش آن را روی «زیرنویس» قرار دهید تا زیرنویس ایجاد شود. در این حالت، تصویر پس‌زمینه اینفوآیتم به‌عنوان جداکننده خبر استفاده می‌شود.

صفحه‌بندی در چیدمان

یک چیدمان می‌تواند از چندین صفحه تشکیل شده باشد؛ هر صفحه نیز می‌تواند طراحی متفاوتی داشته باشد.

مدیریت صفحات یک چیدمان (ایجاد، حذف، جابه‌جایی و کپی) از طریق منوهای بالای پنل مدیریت چیدمان انجام می‌شود.

جابجایی از یک صفحه به صفحه دیگر می‌تواند به یکی از سه روش زیر انجام شود:

۱- خاتمه یافتن زمان تخصیص داده شده به یک صفحه

در پنل تنظیمات صفحه می‌توانید تعیین کنید که پس از گذشت مدت مشخص، صفحه بعدی نمایش داده شود. این در حالتی است که ساینیج تعاملی فعال نباشد، بدین معنی که آیتمی برای واکنش نشان دادن به لمس یا کلیک تنظیم نگردیده باشد. ضمناً در ساینیج تعاملی تنظیم بازگشت خودکار به صفحه اول نیز از همین پنل تنظیمات صفحه صورت می‌گیرد.

۲- خاتمه یافتن پخش ویدئوهای یک صفحه

در پنل تنظیمات صفحه می‌توانید تعیین کنید که پس از پایان پخش ویدئوهای صفحه، صفحه بعدی نمایش داده شود. این در حالتی است که ساینیج تعاملی فعال نباشد، بدین معنی که آیتمی برای واکنش نشان دادن به لمس یا کلیک تنظیم نگردیده باشد. ضمناً در ساینیج تعاملی تنظیم بازگشت خودکار به صفحه اول نیز از همین پنل تنظیمات صفحه صورت می‌گیرد.

۳- کلیک و یا لمس شدن یک اینفوآیتم در چیدمان

در بخش «سایر تنظیمات» پنل تنظیمات هر اینفوآیتم، می‌توانید تعیین کنید که با لمس یا کلیک روی اینفوآیتم، کاربر به کدام صفحه از چیدمان منتقل شود. با استفاده از این قابلیت و افزودن تصاویری به چیدمان که به لمس یا کلیک واکنش نشان می‌دهند، می‌توان یک اپلیکیشن تعاملی طراحی کرد. برای اطلاعات بیشتر به بخش ساینیج تعاملی مراجعه نمایید.

لایه‌بندی در چیدمان

هر صفحه از چیدمان می‌تواند یک یا چند لایه داشته باشد. لایه‌ها برای ایجاد امکان هم‌پوشانی (overlap) آیتم‌ها و دستیابی به طراحی دلخواه در نظر گرفته شده‌اند.

مدیریت لایه‌های صفحه (ایجاد، حذف، جابه‌جایی و کپی) از طریق منوهای بالای پنل مدیریت چیدمان انجام می‌شود.

همچنین با استفاده از دکمه‌های روی اینفوآیتم می‌توانید آن را به لایه بالاتر یا پایین‌تر منتقل کنید.

پیش‌نمایش و تست چیدمان

در هنگام طراحی یا پس از پایان آن، می‌توانید نتیجه کار را با استفاده از دکمه «پیش‌نمایش چیدمان» در نوار پایین صفحه مدیریت چیدمان مشاهده کنید. برای خروج از حالت پیش‌نمایش نیز دوباره روی همین دکمه کلیک کنید.

برای مشاهده پیش‌نمایش با نسبت تصویر دلخواه، از منوهای تنظیم نسبت تصویر در نوار بالای پنل مدیریت چیدمان استفاده کنید. در پنل بازشده می‌توانید نسبت طول و عرض یا رزولوشن نمایشگر را وارد کنید.

برای مشاهده و آزمایش چیدمان با ابعاد و رزولوشن دلخواه، مراحل زیر را در مرورگر انجام دهید:

۱- روی دکمه «ذخیره» و «پیش‌نمایش در صفحه جدید» کلیک کنید تا پیش‌نمایش در تب جدید مرورگر باز شود.

۲- با فشردن F12 یا از منوی اصلی مرورگر، ابزارهای توسعه‌دهنده (Developer Tools) را باز کنید.

۳- با دکمه‌های ترکیبی Ctrl+Shift+M وارد حالت شبیه‌سازی نمایشگر شوید.

۴- رزولوشن دلخواه را وارد کنید.

۵- صفحه را یک‌بار بازخوانی (Refresh) کنید.

پخش موسیقی یا صوت

برای انتخاب فهرست پخش موسیقی یا صوت پس‌زمینه از این منو استفاده کنید. می‌توانید یکی از اینفوآیتم‌های موسیقی تعریف‌شده را برای چیدمان انتخاب کنید.

رنگ و تصویر پس‌زمینه

رنگ و تصویر پس‌زمینه چیدمان را می‌توانید از طریق منوهای مربوطه در نوار پایین پنل مدیریت چیدمان انتخاب و مدیریت کنید.

ذخیره چیدمان

از دکمه‌های مربوطه در نوار بالای پنل مدیریت چیدمان می‌توانید برای ذخیره چیدمان یا ذخیره و خروج از چیدمان استفاده کنید.

برای خروج بدون ذخیره، از دکمه X «بستن» در نوار بالای پنل مدیریت چیدمان و گزینه «خروج بدون ذخیره» استفاده کنید.