پیشخوان

‌به جهت مصورسازی و کنترل داده­های بسیاری از موجودیت­ها مانند دستگاه­ها‌‌،‌‌ دارایی­ها و غیره توسط کاربر نهایی می‌توان از “Dashboards” استفاده نمود‌‌.‌‌ برای تعریف یک پیشخوان جدید کافی است از منوی سمت چپ با کلیک بر روی آیکون “Dashboard” را انتخاب کرده و سپس روی گزینه “+” مطابق تصویر شماره 24 کلیک نمایید‌‌.‌‌ حال صفحه‌ای مطابق تصویر شماره 24 نمایش داده می‌شودکه وارد کردن عنوان پیشخوان در فیلد “Name” ضروری و توضیحات”Description” اختیاری می­باشد‌‌.‌‌ در نهایت جهت ذخیره­سازی روی “SUBMIT” کلیک نمایید‌‌.‌‌ در صورت ایجاد “Dashboard” جدید با پیغام “Dashboard has been created successfully” مواجه خواهید شد‌‌.‌‌

“راهبر” ضمن مشاهده کلیه پیشخوان‌های ایجاد شده می‌تواند با تنظیمات پیشخوان ظاهر کلی پیشخوان را تغییر دهد‌‌.‌‌ آیکون “Export Dashboard” صادرات پیشخوان یا یک ویجت خاص به‌عنوان یک فایل پیکربندی در قالب “JSON” را امکان‌پذیر می‌کند‌‌.‌‌ توجه داشته باشید جهت اعطاء دسترسی دستگاه‌ها‌‌،‌‌ دارایی‌ها و نمایه‌های موجودیت به کاربران نهایی نیازی به عمومی کردن آن نیست‌‌.‌‌ به جهت تخصیص هر پیشخوان به یک کاربر نهایی خاص از آیکون “Manage Assigned End User Panels” می‌توان استفاده نمود‌‌.‌‌ آیکون “Edit” جهت ویرایش پیشخوان و آیکون “Delete” امکان حذف پیشخوان توسط کاربر را فراهم می‌کند‌‌.‌‌ آیکون­های مندرج در بالای صفحه ضمن امکان اضافه کردن پیشخوان جدید‌‌،‌‌ قابلیت‌های “Import Dashboard”‌‌، بارگذاری مجدد “Refresh” و جستجوی پیشخوان “Search” را به‌ کاربر می­دهد‌‌.‌‌ با فعال کردن تیک سمت چپ پیشخوان‌ها سه آیکون جدید فعال می‌شوند که کلیک بر روی آیکون “Delete”‌‌،‌‌ “Assign Dashboard” و یا “Unassign Dashboard” امکان حذف چند پیشخوان‌‌،‌‌ تخصیص چند پیشخوان به یک کاربر نهایی و یا عدم تخصیص چند پیشخوان از یک کاربر نهایی خاص ‌به‌صورت ‌هم‌زمان فراهم آورد‌‌.‌‌

به جهت افزودن ویجت‌ها و کنترل دسترسی‌های جدید هر پیشخوان کافی است روی آیکون “Open Dashboard” کلیک نماییم تا صفحه‌ای مطابق تصویر شماره 26 باز شود که از دو نماد “+” و ” !” تشکیل شده است و به شما امکان می‌دهد وضعیت‌ها‌‌،‌‌ طرح‌بندی‌ها‌‌،‌‌ تنظیمات‌‌،‌‌ نام‌های مستعار‌‌،‌‌ فیلترها و پیکربندی پنجره زمانی را با استفاده از نمادهای مربوطه در نوار ابزار مدیریت کنید که در ادامه توضیح خواهیم داد‌‌:‌‌ جهت افزودن ویجت جدید با کلیک روی نماد “+” در گوشه سمت راست پایین صفحه‌‌،‌‌ کادر محاوره‌ای انتخاب ویجت “Select Widget” باز می‌شود (برای آشنایی بیشتر با انواع ویجت‌ها به دستورالعمل مدیریت ویجت مراجعه فرمایید)‌‌.‌‌ حال دسته ویجت را انتخاب کنید‌‌،‌‌ به‌عنوان مثال‌‌،‌‌ «نمودارها» و سپس ویجت موردنظر را انتخاب کنید و روی آن کلیک کنید‌‌.

با نمایش کادر محاوره‌ای “Add Widget” که شامل چهار سربرگ نوع ویجت‌‌،‌‌ یک یا چند منبع داده‌‌،‌‌ تنظیمات اولیه و پیشرفته و اقداماتی است می‌توانید برای تعریف یک ویجت مورد استفاده قرار گیرد‌‌.‌‌ توجه داشته باشید که پیکربندی منبع داده ضروری و با گزینه “ADD” امکان‌پذیر است‌‌.‌‌ در باقی موارد می‌توانید همه برگه‌های پیکربندی را با مقادیر پیش‌فرض تکمیل نمایید‌‌.‌‌

سربرگ داده “Data”‌‌،‌‌ برای افزودن یک یا چند منبع داده استفاده می‌شود‌‌.‌‌ منبع داده “DataSource” ترکیبی از نوع منبع داده “Type”‌‌،‌‌ نام مستعار موجودیت “Entity Alias” و فهرست کلیدهای داده سری زمانی “Entity Timeseries/Attributes are required” است‌‌.‌‌ منبع داده تعیین می‌کند که ویجت از کدام موجودیت‌ها “Entity Alias” و چه کلیدهای داده‌ای استفاده کند‌‌.‌‌ در قسمت “Type” با انتخاب گزینه‌ی”Entity” به‌عنوان منبع داده‌‌،‌‌ این امکان به شما داده می‌شود که با استفاده از موجودیت‌های تعریف شده در پلتفرم‌‌،‌‌ سری زمانی‌های مورد نظر را انتخاب نمایید‌‌.

نام مستعار “Entity Alias” اشاره‌ای به یک موجودیت یا گروهی از موجودیت‌ها است که در ویجت استفاده می‌شود و تعیین می‌کند که کدام موجودیت‌ها (دستگاه‌ها‌‌،‌‌ دارایی‌ها و غیره) را می‌خواهید در پیشخوان نمایش دهید‌‌.‌‌ برای ایجاد یک پیشخوان‌‌،‌‌ ابتدا باید نام مستعار ایجاد کنید تا داده‌هایی که موجودیت‌ها از آن استفاده می‌کنند‌‌،‌‌ تعریف شود‌‌.‌‌ نام مستعار ممکن است ایستا یا پویا باشد‌‌.‌‌ نمونه‌ای از نام مستعار ایستا‌‌،‌‌ نام مستعار موجودیت واحد (Single entity alias) است‌‌.‌‌ یک موجودیت یک بار در کادر محاوره‌ای “Entity Alias” پیکربندی می‌شود‌‌.‌‌ همه کاربران در صورت داشتن مجوز دسترسی به این دستگاه‌‌،‌‌ داده‌های یکسانی را مشاهده می‌کنند‌‌.‌‌ نمونه‌ای از نام مستعار پویا‌‌،‌‌ نام مستعار نوع دستگاه است که هر دستگاه‌ یک نام خاص را نمایش می‌دهد‌‌.‌‌ مثلاً «دماسنج»؛ زیرا لیست دستگاه‌ها به کاربر استفاده کننده از پیشخوان بستگی دارد‌‌.‌‌ اگر به‌عنوان “راهبر” وارد شده باشید‌‌،‌‌ این نام مستعار به همه دستگاه‌های دماسنج تخصیص داده می‌شود و اگر به‌‌‌عنوان کاربر نهایی وارد شده باشید‌‌،‌‌ این نام مستعار به دستگاه‌های دماسنج اختصاص داده شده/مالک آن کاربر نهایی تغییر می‌یابد‌‌.‌‌ با کلیک بر روی دکمه “Entity alias” در نوار ابزار‌‌،‌‌ یک نام مستعار وارد کنید و با انتخاب گزینه “Create new one” پس از وارد کردن نام مستعار‌‌،‌‌ نوع موجودیت را از قسمت “Filter Type” محدود و در ادامه از منوی کشویی “Type” یک موجودیت را انتخاب کرده و در قسمت”Multiple Values” نام موجودیت مورد نظر را وارد کنید‌‌.‌‌ (در صورت انتخاب “Appliance” از منوی کشویی “Type”‌‌،‌‌ ابتدای نام دستگاه‌‌‌ موردنظر را وارد کنید تا دستگاه‌های شروع شده با آن فیلتر ‌گردند)‌‌.‌‌ در نهایت گزینه “ADD” را انتخاب نموده‌‌.‌‌ حال نام مستعار ایجاد شده را با کلیک بر روی دکمه “ADD” در گوشه سمت راست پایین ذخیره نمایید‌‌.

کلید داده سری زمانی “Entity Timeseries /Attributes are required”‌‌‌،‌‌ امکان تعریف ویژگی‌های ویجت (اضافه کردن تله‌متری) را برای کاربر فراهم می‌کند‌‌.‌‌ کلید داده اساساً فهرستی از تمام ویژگی‌‌‌‌های سرویس گیرنده‌‌،‌‌ سرور و مشترک دستگاه شما یا موجودیت دیگر است که شامل نوع سری زمانی”time series”‌‌،‌‌ ویژگی فیلد موجودیت “attribute of entity field” و کلیدهای فعلی”actual key” است‌‌.‌‌ لیست کلیدهای داده برای منبع داده به نوع ویجت بستگی دارد؛ ویجت‌های سری زمانی “Time Series” امکان انتخاب کلیدهای داده سری زمانی را در منبع داده و پنجره زمانی فراهم می‌کنند‌‌.‌‌ ویجت‌های ” Values Latest” امکان انتخاب سری‌های زمانی‌‌،‌‌ ویژگی‌ها و فیلدهای موجودیت را فراهم می‌کنند‌‌.‌‌ ویجت‌‌‌‌های “Static” و “Control” به منبع داده نیاز ندارند‌‌.‌‌ ویجت‌های “Alarm” امکان انتخاب همه کلیدهای داده را می‌دهند‌‌.‌‌ اگر هنوز سری زمانی یا کلید ویژگی مورد نیاز را در پایگاه داده ندارید‌‌،‌‌ می‌توانید کلیدی را به منبع داده اضافه کنید و به محض اینکه دستگاه آن را به پلتفرم ارسال کند‌‌،‌‌ ویجت شروع به نمایش داده‌ها می‌کند‌‌.‌‌

در تنظیمات اصلی کلید داده سری زمانی‌‌ با انتخاب آیکون “Edit”در تصویر شماره 32 می‌توانید تغییرات فوق را به شرح زیر اعمال کنید‌‌:‌‌ برچسب”Label”در ویجت شما‌‌،‌‌ نام ستون داده است و می‌توانید به دلخواه آن را تغییر دهید‌‌.‌‌ رنگ “Color” که به هر کلید متفاوت اختصاص داده شده است را می‌توانید تغییر دهید‌‌.‌‌ با گزینه ” Special symbol to show next to value“ می‌توانید نماد خاصی را نشان دهید که در کنار مقدار نمایش داده می‌شود‌‌.‌‌ اگر بخواهید تنظیمات یکسانی را برای همه محورها اعمال کنید‌‌،‌‌ برای مثال‌‌،‌‌ اگر خوانش دما را برای چندین دستگاه نشان می‌دهید‌‌،‌‌ می‌توانید نماد «°C» یا «°F» را اضافه کنید یا اگر هم دما و هم رطوبت را نمایش می‌دهید‌‌،‌‌ باید کلیدهای داده را به طور جداگانه با استفاده از تنظیمات کلید داده پیکربندی نمایید‌‌.‌‌ گزینه “Number of digits after floating point” جهت نمایش تعداد ارقام مورد نظر بعد از ممیز می‌باشد‌‌.‌‌ فعال کردن گزینه “Use data post-processing function“ اجازه می‌دهد تا داده‌های خروجی را بسته به خواسته خود تغییر دهید‌‌.‌‌ پس از سفارشی کردن منبع داده‌‌،‌‌ روی “ADD” در گوشه سمت چپ پایین کادر گفتگوی افزودن ویجت کلیک نمایید‌‌.‌‌

سربرگ “Setting” امکان تنظیمات اولیه نظیر عنوان ویجت “Title”‌‌،‌‌ رنگ پیش‌زمینه”Background color” و تصویر پیش‌زمینه”Background image” جهت سفارشی کردن ویجت‌ها را فراهم می‌آورد‌‌.

سربرگ “Advance” امکان تنظیمات پیشرفته برای هر ویجت جهت پیاده‌سازی ویجت‌ها را فراهم می‌آورد‌‌.‌‌ بسته به هر ویجت‌‌،‌‌ سربرگ ” Advance” متفاوت خواهد بود‌‌.‌‌ درباره انواع ویجت‌‌ها در دستورالعمل مدیریت ویجت در نسخه‌های آتی بیشتر به آن خواهیم پرداخت‌‌.‌‌ حال گروه “Digital Gauges” در دسته ویجت “Latest Value” را بررسی خواهیم کرد‌‌‌‌:

با انتخاب هر یک از ویجت‌های دیجیتال در تب “Advance” تصویر شماره 36 را مشاهده می‌نمایید‌‌.‌‌ کم‌ترین مقدار”Minimum Value”‌‌،‌‌ بیش‌ترین مقدار “Maximum Value”‌‌،‌‌ زاویه شروع زمانی‌که در حالت دونات می‌باشد”Angle to start from when in donut mode” و اندازه عرض نشان‌گر را “Thickness of the stripes, 0 – no stripes” بسته به نیاز خود انتخاب نمایید و در صورت نیاز به نمایش کلاهگ گرد نشانگر گزینه”Display rounded line cap” را فعال نمایید‌‌.

در قسمت “Gauge Title” نام مصرف‌سنج را انتخاب و با گزینه “Show gauge title” آن را به نمایش در آورید‌‌.‌‌ در قسمت “Unit Title” واحد اندازه‌گیری مصرف‌سنج وارد می‌گردد و با فعال کردن گزینه “Show unit title” به نمایش گذاشته می‌شود‌‌.‌‌ فعال‌سازی گزینه “Show value timestamp” جهت نمایش زمان به‌کار می‌رود و با گزینه “timestamp Format” می‌توان قالب زمان را مشخص نمود‌‌.‌‌ در قسمت “Show value text” می‌توان مقادیر را به نمایش در آورید و با فعال کردن گزینه “Show min and max values” کم‌ترین و بیش‌ترین مقادیر نیز به نمایش گذاشته می‌شود‌‌.‌‌

امکان تعیین ضخامت مصرف‌سنج “Width of the gauge element”‌‌،‌‌ تعیین رنگ پیش‌فرض “Default Color” و رنگ پیش‌زمینه “Background color of the gauge element” برای کاربر وجود دارد‌‌.‌‌ برای انتخاب رنگ نشانگر با فعال‌سازی گزینه “Use precisevaluefor the color indicator” رنگ نشانگر منطبق با رنگ”Data Key” اعمال می‌گردد و یا با گزینه “Colors of indicator, from lower to upper” رنگ‌های نشانگر‌‌،‌‌ از ابتدا به انتها قابل تنظیم است. در قسمت “Show ticks” می‌توان درجه‌بندی‌های مصرف‌سنج را نمایش داد و همچنین امکان فعال کردن انیمیشن “Enable animation” وجود دارد که با گزینه”Animation Duration” مدت زمان نمایش انیمیشن و با گزینه ” Animation Rule” نحوه نمایش انیمیشن را ‌می‌توانید به دلخواه تنظیم نمایید‌‌.

امکان تغییر فونت “Font Family”‌‌،‌‌ سایز”Size”‌‌،‌‌ سبک”Style”‌‌،‌‌ ضخامت”Weight” و رنگ “Color” جهت نمایش عنوان مصرف‌سنج “Gauge title font”‌‌،‌‌ برچسب‌های زیر مصرف‌سنج (واحد اندازه‌گیری‌‌،‌‌ زمان) “Font of label showing under value”‌‌،‌‌ مقدار فعلی “Font of label showing current value”‌‌،‌‌ بزرگ‌ترین و کوچک‌ترین مقادیر “Font of minimum and maximum labels” وجود دارد‌‌.

گروه “Analogue Gauges” در دسته ویجت “Latest Value”را بررسی خواهیم کرد‌‌‌‌:

با انتخاب ویجت قطب‌نمای آنالوگ “Analogue Compass”‌‌،‌‌ در تب “Advance” تصویر شماره 41 را مشاهده می‌نمایید‌‌.‌‌ در قسمت “Major ticks names” نام درجه‌های اصلی نمودار وارد می‌گردد و با انتخاب گزینه “New” می‌توان درجه‌بندی جدید به آن اضافه کرد و آیکون “×” آن درجه را حذف می‌نماید‌‌.‌‌ با گزینه “Minor Ticks Count” تعداد درجه‌های جزیی را تعیین نموده و با فعال کردن گزینه “Show‌‌. stroke‌‌. ticks” می‌توان درجه‌بندی‌ها را نمایش داد‌‌.‌‌ گزینه ” Needle Circle Size” جهت تنظیم سایز دایره وسط قطب‌نما استفاده می‌شود و گزینه “Show border” جهت نمایش حاشیه قطب‌نما به کار می‌رود و با گزینه “Border Width” ضخامت حاشیه را می‌توان تعیین نمود‌‌.

 رنگ نمودار و اجزای آن (رنگ صفحه نمودار “plate color”‌‌،‌‌ رنگ درجه‌های اصلی “Major ticks color”‌‌،‌‌ رنگ درجه‌های جزئی “Minor ticks color”‌‌،‌‌ رنگ عقربه نشانگر”Needle color”‌‌،‌‌ رنگ انتهایی نشانگر”Needle color – end gradient”‌‌،‌‌ رنگ حاشیه نمودار”Border Color”) را می‌توان به دلخواه تنظیم نمود‌‌.‌‌ در قسمت “Major tick font” امکان تغییر فونت “Font Family”‌‌،‌‌ سایز”Size”‌‌،‌‌ سبک”Style”‌‌،‌‌ ضخامت “Weight” و فعال کردن انیمیشن “Enable animation” درجه‌های اصلی وجود دارد‌‌.‌‌ مدت زمان نمایش انیمیشن “Animation Duration”‌‌،‌‌ نحوه نمایش انیمیشن” Animation Rule” و مقصد سفر رسم شده”Animation target” را ‌می‌توانید به دلخواه تنظیم نمایید‌‌.

با انتخاب ویجت دماسنج آنالوگ”temperature gauge – Canvas gauge”‌‌،‌‌ در تب “Advance” تصویر شماره 43 را مشاهده می‌نمایید که در قسمت “bar stroke width” ضخامت حاشیه نوار حرکتی را می‌توان تنظیم نمود‌‌.‌‌ رنگ دماسنج و اجزای آن (رنگ حاشیه نوار “bar Stroke color”‌‌،‌‌ رنگ پیش‌زمینه نوار” bar Background color “‌‌،‌‌ رنگ انتهایی پیش‌زمینه نوار”bar Background color – end gradient “‌‌،‌‌ طیف رنگ نوار “Progress bar color”‌‌،‌‌ رنگ انتهایی طیف نوار”Progress bar color – end gradient “‌‌، ) قابل تنظیم است‌‌.‌‌ کم‌ترین مقدار”Minimum Value” و بیش‌ترین مقدار “Maximum Value ” نمودار‌‌،‌‌ واحد اندازه‌گیری “Unit Title” و فعال‌سازی نمایش واحد “Show unit title”را تنظیم نمایید‌‌.‌‌ تعداد درجه‌های اصلی و جزئی دماسنج “Major Ticks Count” و “Minor Tis Count”‌‌،‌‌ نمایش مقدار جاری در نشانگر دیجیتال ” Show value box” و تعداد ارقام صحیح قسمت درجه‌بندی “Digits count for integer part of value” قابل تنظیم است‌‌.

رنگ نمودار دماسنج و اجزای آن (رنگ پیش‌فرض”Default Color”‌‌،‌‌ رنگ صفحه دماسنج “plate color”‌‌،‌‌ رنگ درجه‌های اصلی “Major ticks color”‌‌،‌‌ رنگ درجه‌های جزئی “Minor ticks color”‌‌،‌‌ رنگ نشانگر دماسنج “Needle color”‌‌،‌‌ رنگ انتهایی نشانگر دماسنج “Needle color – end gradient”‌‌،‌‌ رنگ سایه نیمه بالایی نشانگر “Upper half of the needle shadow color”‌‌،‌‌ رنگ سایه نشانگر”Drop shadow needle color”‌‌،‌‌ رنگ مقادیر متغیر جعبه‌ مستطیلی”Value box rectangle stroke color”‌‌،‌‌ رنگ انتهایی مقادیر متغیر جعبه‌ مستطیلی”Value box rectangle strokecolor-end gradient”‌‌،‌‌ رنگ پیش‌زمینه مقادیر مندرج در جعبه‌ مستطیلی “Value box Background color”‌‌،‌‌رنگ سایه مقادیر مندرج در جعبه‌ مستطیلی “Value box Shadow color”) را به دلخواه می‌توان تنظیم نمود‌‌.‌‌

در قسمت “Highlights” حدفاصل اندازه‌گیری اعداد بین هر درجه اصلی را تعیین کرده‌‌.‌‌ برای مثال از عدد “From” تا عدد “to” و با گزینه‌”Color” رنگ اعداد ابتدایی و انتهایی و گزینه “Shadow Color” طیف رنگی اعداد میانی و “Highlights Width” عرض آن بازه را مشخص نمایید‌‌.‌‌ فعال‌سازی گزینه “Show Border” جهت نمایش حاشیه‌ دماسنج به‌کار می‌رود‌‌.

امکان تغییر فونت “Font Family”‌‌،‌‌ سایز”Size”‌‌،‌‌ سبک”Style”‌‌،‌‌ ضخامت”Weight” و رنگ “Color” اعداد درجه‌بندی “Tick numbers font”‌‌،‌‌ عنوان “Title text font”‌‌،‌‌ واحد اندازه‌گیری “Units text font ” دماسنج وجود دارد‌‌.

برای مقادیر “Value text font” امکان تغییر فونت “Font Family”‌‌،‌‌ سایز”Size”‌‌،‌‌ سبک”Style”‌‌،‌‌ ضخامت”Weight”‌‌،‌‌ رنگ “Color” و رنگ سایه”Shadow Color”‌‌،‌‌ فعال کردن انیمیشن “Enable animation” وجود دارد‌‌.‌‌ مدت زمان نمایش انیمیشین “Animation Duration”‌‌،‌‌ نحوه نمایش انیمیشن “Animation Rule” را ‌می‌توانید به دلخواه تنظیم نمایید‌‌.

با انتخاب ویجت دماسنج آنالوگ “temperature radial gauge- canvas gauges” یا ویجت سرعت‌سنج آنالوگ “Speed gauge- canvas gauges”‌‌،‌‌ در تب “Advance” تصویر شماره 48 را مشاهده می‌نمایید که در ابتدا زاویه شروع “Start ticks Angle”‌‌،‌‌ فواصل بین درجه‌بندی‌ها “ticks Angle”‌‌،‌‌ سایز دایره عقربه نشانه‌گر “Needle circle size” تنظیم نمایید‌‌.‌‌ کم‌ترین مقدار”Minimum Value” و بیش‌ترین مقدار “Maximum Value” مصرف‌سنج‌‌،‌‌ واحد اندازه‌گیری “Unit Title” و امکان نمایش آن “Show unit title” را تنظیم نمایید‌‌.‌‌ تعداد درجه‌های اصلی و جزئی دماسنج “Major Ticks Count” و “Minor Ticks Count”‌‌،‌‌ نمایش مقدار دماسنج در جعبه مستطیلی “Show value box” و تعداد ارقام صحیح قسمت درجه‌بندی “Digits count for integer part of value” قابل تنظیم است‌‌.

رنگ نمودار و اجزای آن (رنگ پیش‌فرض”Default Color”‌‌،‌‌ رنگ صفحه “plate color”‌‌،‌‌ رنگ درجه‌‌های اصلی “Major ticks color”‌‌،‌‌ رنگ درجه‌های جزئی “Minor ticks color”‌‌،‌‌ رنگ نشانگر”Needle color”‌‌،‌‌ رنگ انتهایی نشانگر “Needle color – end gradient”‌‌،‌‌ رنگ سایه نیمه بالایی نشانگر “Upper half of the needle shadow color “‌‌،‌‌ رنگ سایه نیمه پایینی نشانگر”Drop shadow needle color”‌‌،‌‌ رنگ حاشیه باکس نشانگر مقدار جاری “Value box rectangle stroke color”‌‌،‌‌ رنگ گرادینت حاشیه باکس مقدار جاری “Value box rectangle stroke color-end gradient”‌‌،‌‌ رنگ پیش‌زمینه مستطیل مقادیر”Value box Background color”‌‌،‌‌ رنگ سایه مستطیل مقادیر”Value box Shadow color”) را به دلخواه می‌توان تنظیم نمود‌‌.

در قسمت ” Highlights ” حدفاصل اندازه‌گیری اعداد بین هر درجه اصلی را تعیین کرده‌‌.‌‌ برای مثال از عدد “From” تا عدد “to” و با گزینه‌های “Color” و “Highlights Width”رنگ و ضخامت آن بازه را مشخص نمایید‌‌.‌‌ فعال‌سازی گزینه “Show Border” جهت نمایش حاشیه‌ دماسنج به‌کار می‌رود‌‌.‌‌ امکان تغییر فونت “Font Family”‌‌،‌‌ سایز”Size”‌‌، سبک”Style”‌‌،‌‌ ضخامت”Weight” و رنگ “Color” اعداد درجه‌‌بندی “Tick numbers font”‌‌،‌‌ عنوان نمودار‌ “Title text font”‌‌،‌‌ واحد اندازه‌گیری “Units text font” وجود دارد‌‌.

امکان تغییر فونت “Font Family”‌‌،‌‌ سایز”Size”‌‌،‌‌ سبک”Style”‌‌،‌‌ ضخامت”Weight”‌‌،‌‌ رنگ “Color” و رنگ سایه “Shadow Color”‌‌،‌‌ فعال کردن انیمیشن “Enable animation” وجود دارد‌‌.‌‌ “Animation Duration” مدت زمان نمایش انیمیشن‌‌،‌‌ نحوه نمایش انیمیشن “Animation Rule” را ‌می‌توانید به دلخواه تنظیم نمایید‌‌.

گروه “Charts” در دسته ویجت “Time Series”را بررسی خواهیم کرد‌‌‌‌:

با انتخاب ویجت‌ “TimeSeries – Flot” و “State Chart”‌‌،‌‌ در تب “Advance” وارد بخش “Common Setting” شده و مطابق تصویر شماره 53 در بخش “Grid Setting” می‌توانید رنگ نمودار و اجزای آن (رنگ محور افقی و عمودی “Primary color”‌‌،‌‌ رنگ پیش‌زمینه نمودار”Background Color”‌‌،‌‌ رنگ خطوط تقسیم‌بندی شده نمودار “Tick color”) و میزان ضخامت محور عمودی و افقی نمودار “Grid outline/border Width” را به دلخواه تنظیم نمایید‌‌.‌‌ همچنین می‌توانید با فعال کردن تیک گزینه “Show vertical lines” و “Show horizontal lines” خط کشی عمودی و افقی چارت را مشاهده نمایید‌‌.‌‌ در قسمت‌های “X axis Setting & Y axis Setting” می‌توانید با فعال کردن تیک گزینه “Show Labels” مقادیر کنار نمودارهای عمودی و افقی را قابل مشاهده نمایید‌‌،‌‌ همچنین در قسمت”Axis title”‌ها عنوان‌های محور عمودی و افقی را تعیین نمایید‌‌.

گروه “Charts” در دسته ویجت “Latest Value” را بررسی خواهیم کرد‌‌‌‌:

با انتخاب ویجت‌ “Doughnut – Chart‌‌. js” در تب “Advance” مطابق تصویر شماره 55 در بخش”Border width” می‌توانید مقدار قطر ویجت و در قسمت “Border color” رنگ حاشیه چارت را مشخص نمایید‌‌.‌‌ با استفاده از گزینه “Labels font color” رنگ برچسب‌های نمایش داده شده زیر نشانگر ماوس را مشخص کنید.

با انتخاب ویجت‌ “Pie – Flot” در تب “Advance” مطابق تصویر شماره 56 گزینه‌های “Radius & Inner radius” امکان تنظیم قطر نمودارهای دایره‌‌ای شکل را فراهم می‌آورد‌‌.‌‌ با استفاده از گزینه “width” ضخامت نمودارهای دایره‌ای شکل قابل تنظیم می‌باشد و با فعال‌سازی گزینه “Show label” نوشته‌ها و اطلاعات موجود در نمودار قابل مشاهده می‌باشند‌‌.

گروه “Cards” در دسته ویجت “Time Series”را بررسی خواهیم کرد‌‌:

با انتخاب ویجت “Timeseries table” در تب “Advance” تصویر شماره 58 را مشاهده می‌نمایید‌‌. که با گزینه “Default page size” اندازه پیش فرض صفحه قابل تنظیم است‌‌.

گروه “Cards” در دسته ویجت “Latest Value”را بررسی خواهیم کرد‌‌‌‌:

با انتخاب ویجت “Simple card”‌‌،‌‌ در تب “Advance” تصویر شماره 60 را مشاهده می‌نمایید که با گزینه “label position” می‌توان محل قرارگیری نوشته عنوان ورودی را معین کرد‌‌،‌‌ به طور مثال “Power”‌‌.

با انتخاب ویجت “Label widget”‌‌،‌‌ در تب “Advance” تصویر شماره 61 را مشاهده می‌نمایید که با استفاده از گزینه “Background Image” تصویر پیش‌زمینه مورد نظر را انتخاب نمایید. در قسمت “X (Percentage relative to background)” و “Y (Percentage relative to background) می‌توان نسبت درصد تصویر انتخابی به پیش‌زمینه را معین کرد‌‌.‌‌ با استفاده از گزینه “background color” رنگ پیش‌زمینه قابل تنظیم می‌باشد‌‌،‌‌ . امکان تغییر فونت “Font Family”‌‌،‌‌ سایز”Relative font size”‌‌،‌‌ سبک”Style”‌‌،‌‌ ضخامت”Weight” و رنگ “Color” نوشته‌های روی کارد وجود دارد‌‌.

گروه “Maps” در دسته ویجت “Time Series”را بررسی خواهیم کرد‌‌‌‌:

با انتخاب ویجت “Trip Animation”‌‌،‌‌ در تب “Advance” تصویر شماره 64 را مشاهده می‌نمایید که در قسمت‌های “Latitude key name” و “Longitude key name” به ترتیب نام عرض و طول جغرافیایی را تعیین نمایید.

توجه داشته باشید اسم پارامترهای انتخابی با اسم آن‌ها در بخش “Data key Configuration” یکی باشد‌‌.

با انتخاب ویجت “Route Map – OpenStreetMap”‌‌،‌‌ در تب “Advance” تصویر شماره 65 را مشاهده می‌نمایید که در قسمت “Common Map Settings” با انتخاب گزینه “Default map zoom level (0 – 20) ” سطح بزرگ‌نمایی نقشه پیش‌فرض را انتخاب نموده و با فعال‌سازی گزینه “Use default map center position” از موقعیت مرکزی نقشه پیش‌فرض که در قسمت “Default map center position (0,0) ” تنظیم نموده‌اید استفاده نمایید. گزینه “Fit map bounds to cover all markers” از تنظیم محدوده‌‌های نقشه، برای پوشش همه نشانگرها استفاده می‌شود. و در قسمت” Limit of entities to load” محدودیت تعداد نقاط نقشه را مشخص نماید. گزینه “Disable scroll zooming” جهت ‌غیرفعال کردن اسکرول بزرگ‌نمایی به‌کار می‌رود. در قسمت‌های “Latitude key name” و “Longitude key name” به ترتیب نام عرض و طول جغرافیایی را تعیین نمایید. توجه داشته باشید اسم پارامترهای انتخابی با اسم آن‌ها در بخش “Data key Configuration” یکی باشد‌‌.

در صورت تسلط کاربر به جاوا اسکریپت ضمن اعمال امکانات افزونه در قسمت “Color function: f(data, dsData, dsIndex)” با فعال‌سازی گزینه”Use color function” استفاده از آن امکانات امکان‌پذیر می‌گردد. گزینه “Custom marker image” جهت بارگذاری تصویر نشانگر دلخواه است که با گزینه “Custom marker image size” سایز تصویر قابل تنظیم است. با فعال‌سازی گزینه “Use marker image function” کاربر می‌تواند کدهای جاوا اسکریپت مرتبط با نشانگر را اجرا نماید و با آیکون “New” می‌توان تصاویر دیگری اضاف و از طریق آیکون “×” آن تصویر نشانگر را حذف نماید.

در قسمت “Rout Map Settings” با گزینه‌های ” Stroke weight” و ” Stroke opacity” می‌توان ضخامت و شفافیت خطوط مسیر را تنظیم نمود.

گروه “Maps” در دسته ویجت “Latest Value” را بررسی خواهیم کرد‌‌‌‌:

با انتخاب ویجت “Image Map”‌‌،‌‌ در تب “Advance” تصویر شماره 69 را مشاهده می‌نمایید که می‌توانید در قسمت ” Map Provider Settings” با انتخاب گزینه ” Image map background” تصویر پیش‌زمینه نقشه را انتخاب نمایید.

در قسمت “Common Map Settings” با انتخاب گزینه “Limit of entities to load محدودیت تعداد نقاط نقشه را مشخص نمایید و با گزینه ” X position key name & Y position key name ” نام موقعیت‌های “X” و”Y”را مشخص نمایید.

در قسمت ”Marker X offset relative to position & Marker Y offset relative to positio” می‌توان انحراف نشانگر از نقطه واقعی را مشخص کرد. در صورت تسلط کاربر به جاوا اسکریپت ضمن اعمال امکانات افزونه در قسمت “Color function: f(data, dsData, dsIndex)” با فعال‌سازی گزینه”Use color function” استفاده از آن امکانات امکان‌پذیر می‌گردد. با استفاده از گزینه “Use marker image function” کاربر می‌تواند کدهای جاوا اسکریپت مرتبط با نشانگر را اجرا نماید و با آیکون “New” می‌توان تصاویر دیگری اضاف و از طریق آیکون “×” آن تصویر نشانگر را حذف نمایید.

با انتخاب ویجت “OpenStreetMap”‌‌،‌‌ در تب “Advance” در قسمت “Common Map Settings” با انتخاب گزینه “Default map zoom level (0 – 20) ” سطح بزرگ‌نمایی نقشه پیش‌فرض را انتخاب نموده و با فعال‌سازی گزینه ” Use default map center position” از موقعیت مرکزی نقشه پیش‌فرض که در قسمت “Default map center position (0,0) ” تنظیم نموده‌اید استفاده نمایید. گزینه “Fit map bounds to cover all markers” از تنظیم محدوده‌‌های نقشه، برای پوشش همه نشانگرها استفاده می‌شود. در قسمت ” Limit of entities to load” محدودیت تعداد نقاط نقشه را مشخص نمایید. گزینه “Disable scroll zooming” جهت ‌غیرفعال کردن اسکرول بزرگ‌نمایی به‌کار می‌رود. در قسمت‌های “Latitude key name” و “Longitude key name” به ترتیب نام عرض و طول جغرافیایی را تعیین نمایید. توجه داشته باشید اسم پارامترهای انتخابی با اسم آن‌ها در بخش “Data key Configuration” یکی باشد‌‌.

با انتخاب هر یک از ویجت‌های “Switch Control”‌‌، “Round switch”‌‌، “Red LED Button” و “IOS Switch” در تب “Advance” تصویر شماره 76 را مشاهده می‌نمایید‌‌.‌‌ نمایش مقدار اولیه (روشن /خاموش بودن) “Initial value” را فعال نموده و در قسمت “Switch title” عنوان دلخواه را جایگزین کرده‌‌.‌‌ فعال کردن گزینه “Show on/off labels” جهت نمایش برچسب‌های خاموش و روشن می‌باشد‌‌.‌‌ برای دریافت مقادیر روشن/ خاموش “Retrieve on/off value using method” از 4 روش زیر استفاده می‌شود‌‌:

1. “Don’t Retrieve” عدم دریافت اطلاعات
2. “Call RPC get Value Method” در این روش اطلاعات وضعیت ویجت با استفاده از روش “RPC” از دستگاه اخذ می‌شود‌‌.
3. “Subscribe for Attribute” در این روش اطلاعات وضعیت ویجت با استفاده از آخرین ویژگی ثبت شده مرتبط با آن دستگاه خوانده می‌شود‌‌.
4. “Subscribe for time series” در این روش اطلاعات وضعیت ویجت با استفاده از آخرین داده تله‌متری ثبت شده برای آن دستگاه خوانده می‌شود‌‌.

 در قسمت “Attribute/Timeseries value key (only when subscribe for attribute/timeseries method)” در صورت انتخاب روش‌های “Subscribe for time series” و “Subscribe for Attribute” فیلد مقداری که وضعیت فعلی می‌بایست از آن خوانده شود مشخص گردد‌‌.‌‌ گزینه “RPC get value method” نام روشی را مشخص می‌کند که در دستگاه متصل به پلتفرم وظیفه پاسخ‌دهی به روش‌های”RPC” را دارد و گزینه “RPC set value method” دریافت داده از روش‌های “RPC” را مشخص می‌کند‌‌.‌‌ کاربر در صورت تسلط به جاوا اسکریپت می‌تواند در قسمت ” Parse value function, f(data), returns boolean” شرایط جدیدی جهت خاموش/ روشن بودن دکمه اعمال نماید و در قسمت “Convert value function f(value), returns payload used by RPC set value method” تابع جاوا اسکریپت مورد نظر جهت اجرا بر روی داده‌های “RPC” وارد و با گزینه “RPC request timeout” مهلت ارائه درخواست “RPC” را تنظیم نماید‌‌.

با انتخاب ویجت “Led indicator”‌‌،‌‌ در تب “Advance” تصویر شماره 77 را مشاهده می‌نمایید‌‌.‌‌ نمایش مقدار اولیه (روشن/خاموش بودن)” Initial value” را فعال نموده و در قسمت ” Led title” عنوان دلخواه را وارد نمایید‌‌.‌‌ با فعال‌سازی گزینه “Perform RPC appliance status check ” این امکان فراهم می‌شود که توسط “RPC” وضعیت دستگاه‌ها بررسی شوند و با گزینه ” RPC check appliance status method” متود RPC جهت بررسی وضعیت دستگاه را مشخص نمایید‌‌.‌‌ برای دریافت اطلاعات وضعیت LED “Retrieve led status value using method” از روش‌های زیر استفاده می‌گردد‌‌‌‌:

1. “Subscribe for Attribute” در این روش اطلاعات وضعیت ویجت با استفاده از آخرین ویژگی ثبت شده مرتبط با آن دستگاه خوانده می‌شود‌‌.
2. “Subscribe for time series” در این روش اطلاعات وضعیت ویجت با استفاده از آخرین داده تله‌متری ثبت شده برای آن دستگاه خوانده می‌شود‌‌.

در قسمت “Appliance attribute/timeseries containing led status value” مقدار وضعیتی که باید از دستگاه فعلی خوانده شود مشخص گردد‌‌.‌‌ در قسمت “Parse led status value function, f(data), returns Boolean” کاربر در صورت تسلط به جاوا اسکریپت می‌تواند شرایط جدیدی جهت خاموش/ روشن بودن دکمه اعمال و با گزینه “RPC request timeout” مهلت ارائه درخواست “RPC” را تنظیم نماید‌‌.

سربرگ “Action” امکان پیکربندی سریع و آسان‌‌،‌‌ انتقال به پیشخوان‌های دیگر یا حتی به‌روزرسانی پیشخوان فعلی را می‌دهد‌‌.‌‌ بسته به ویجت‌‌،‌‌ سربرگ “Action” متفاوت خواهد بود که در نسخه‌های آتی بیشتر به آن خواهیم پرداخت‌‌.

امکان دیگری که گزینه “Open Dashboard” برای کاربر فراهم می‌کند قابلیت ویرایش ویجت‌هاست‌‌.‌‌ برای ورود به حالت ویرایش پیشخوان از آیکون « !» در گوشه سمت راست پایین صفحه استفاده کنید‌‌.‌‌ هنگامی که به حالت ویرایش بروید‌‌،‌‌ می‌توانید ویجت‌ها را با آیکون «+» در نوار ابزار پیشخوان اضافه کنید‌‌.‌‌ همچنین می‌توانید از آیکون « ü» برای ذخیره پیشخوان یا آیکون «! » برای بازگردانی همه تغییرات استفاده نمایید‌‌.‌‌ برخی از این نمادها (آمار‌‌،‌‌ چیدمان‌‌،‌‌ تنظیمات) فقط در حالت “ویرایش” قابل مشاهده هستند می‌توانید نوار ابزار را به گونه‌ای پیکربندی کنید که به طور پیش فرض با استفاده از تنظیمات کوچک و بزرگ و یا جابجا شوند‌‌.‌‌ با کلیک بر روی آیکون “×” در بالای هر پیشخوان آن را حذف ‌نمایید‌‌.‌‌

آیکون مشخصات “Profile” مشاهده و تنظیم اطلاعات اولیه کاربر مانند نام‌‌،‌‌ نام خانوادگی‌‌،‌‌ توضیحات‌‌،‌‌ شماره تلفن و موبایل‌‌،‌‌ تاریخ تولد‌‌،‌‌ جنسیت و زبان مورد نظر امکان‌پذیر می‌نماید‌‌.‌‌ شما‌ می‌توانید در قسمت “Last Login” ساعت و تاریخ آخرین زمان ورود به سیستم را مشاهده کنید‌‌.‌‌ همچنین در بخش “Change Password” امکان تغییر گذرواژه وجود دارد و در نهایت پس از اعمال تغییرات و انتخاب گزینه “Save” تغییرات را اعمال نمایید‌‌.

با انتخاب آیکون تنظیمات”Setting” امکان تغییر رنگ صفحه نمایش برای کاربر وجود دارد و به مرور امکانات کاربردی دیگری به آن اضافه خواهد گردید‌‌.‌‌

آن‌چه در این دستورالعمل آمده‌‌،‌‌ صرفا به‌عنوان راهنمای “راهبر” بوده و کاربران می‌توانند در صورت نیاز‌‌،‌‌ به ‌دستورالعمل راهنمای “Admin” و یا ‌دستورالعمل راهنمای “Rule Chain” مراجعه نمایند‌‌.‌