ایجاد داشبورد و ویجت

گام سوم: ایجاد داشبورد‌

 

در این گام، یک داشبورد ایجاد خواهیم کرد و تعدادی ویجت برای نمایش گرافیکی اطلاعات به آن خواهیم افزود.

 

۱. ایجاد داشبورد خالی

 

برای ایجاد یک داشبورد خالی، مراحل زیر را انجام دهید:

• صفحه گروه داشبورد (Dashboard Group) را باز کنید.

• روی گروه ALL کلیک کنید، سپس در منوی باز شده با کلیک کردن روی دکمه بازکردن گروه داشبورد (Open Dashboard Group) وارد صفحه داشبوردهای زیرمجموعه این گروه شوید.

• در گوشه سمت راست و بالای صفحه، روی آیکن + کلیک کنید. سپس روی ایجاد یک داشبورد جدید (Create new dashboard) کلیک کنید.

• نام داشبورد را وارد کنید. به عنوان مثال می‌توانید از MyNewDashboard استفاده کنید. سپس روی Add کلیک کنید تا داشبورد اضافه شود.

• از آن‌جایی که تینگزپاد به صورت پیش‌فرض لیست داشبوردها را بر اساس زمان اضافه شدن آن‌ها مرتب می‌کند، داشبوردی که اضافه شد باید در ردیف اول قرار گرفته باشد. حال روی آیکن ورود به داشبورد کلیک کنید.

 

 

۲. افزودن نام مستعار برای موجودیت‌ها

 

نام‌های مستعار به عنوان یک مرجع به تک موجودیت (Single Entity) یا گروه موجودیت (Group Entity) شناخته می‌شوند و از آن‌ها در ویجت‌ها استفاده خواهد شد. نام‌های مستعار می‌توانند ماهیت ثابت یا متغیر داشته باشند. برای سادگی بیشتر، ما از نوع تک موجودیت (Single Entity) استفاده خواهیم کرد که مرجع آن، یک و تنها یک موجودیت (MyNewDevice) خواهد بود. نام‌های مستعار را می‌توان به گونه‌ای تعریف کرد که مرجع آن بیش از یک دستگاه باشد. به عنوان مثال، داده‌ها یا خصوصیات مربوط به دستگاه‌هایی از یک نوع، یا دستگاه‌‌‌هایی که به یک دارایی (به عنوان مثال یک آپارتمان) مرتبط هستند، می‌توانند با یک نام مستعار در ویجت‌ها مورد استفاده قرار گیرند.

 

برای افزودن یک نام مستعار، مراحل زیر را انجام دهید:

• با کلیک روی آیکن مداد در گوشه سمت راست و پایین، به حالت ویرایش داشبورد وارد شوید.

• روی آیکن نام‌های مستعار ‌(Entity Aliases) در سمت راست و بالای صفحه کلیک کنید. مشاهده خواهید کرد که لیست نام‌های مستعار موجودیت‌ها خالی است و هیچ عضوی ندارد.

• روی دکمه افزودن نام مستعار (Add Aliases) کلیک کنید.

• یک نام مستعار، به عنوان مثال MyNewDeviceAlias را وارد کنید. نوع فیلتر را روی تک موجودیت (Single Entity) قرار دهید. در بخش نوع موجودیت (Type)، دستگاه (Device) را انتخاب کرده و در بخش نام دستگاه، شروع به تایپ کردن نام دستگاهی که قبلا افزوده بودید، کنید تا حالت تکمیل خودکار فعال شده و گزینه‌های قابل انتخاب را به شما نمایش دهد. دستگاه مورد نظر را با کلیک کردن بر روی آن انتخاب کنید.

• روی دکمه Add کلیک کرده و سپس روی Save کلیک کنید.

• در انتها، روی دکمه اعمال تغییرات (Apply Changes) که آیکن آن در گوشه سمت راست و پایین صفحه قرار دارد، کلیک کرده تا تغییرات مورد نظر ذخیره‌‌سازی شود. پس از آن باید برای ادامه ویرایش داشبورد، دوباره به حالت ویرایش وارد شوید.

 

 

۳. افزودن ویجت جدول

 

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

 

برای افزودن ویجت جدول مراحل زیر را انجام دهید:

• وارد حالت ویرایش داشبورد شوید.

• روی آیکن (+) افزودن ویجت جدید (Add new widget) در گوشه سمت راست و پایین صفحه کلیک کنید.

• در منوی باز شده دسته ویجت‌های کارتی (Cards) را انتخاب کنید. از بین ویجت‌های موجود، ویجت جدول موجودیت‌ها (Entities table) را انتخاب کنید. پس از این کار پنجره تنظیمات ویجت مورد نظر باز خواهد شد.

• روی دکمه Add کلیک کرده تا منبع داده را تعیین کنید. یک ویجت ممکن است منبع داده‌های متعددی داشته باشد اما در اینجا ما تنها یک منبع داده را استفاده می‌کنیم.

• نوع (Type) را روی Entity قرار داده، نام مستعار MyNewDeviceAlias را انتخاب کنید. سپس با کلیک در کادر سمت راست، تکمیل خودکار فعال شده و به شما امکان انتخاب داده‌های (Data Points) در دسترس را می‌دهد. از آن‌جایی که در گام‌های قبلی یک داده با کلید temperature را به پلتفرم ارسال کرده بودید، در اینجا آن را خواهید یافت. آن را انتخاب کرده و روی Add کلیک کنید.

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

 

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

 

 

۴. افزودن ویجت نمودار

 

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

• وارد حالت ویرایش داشبورد شوید.

• روی آیکن (+) افزودن ویجت جدید (Add new widget) در گوشه سمت راست و پایین صفحه کلیک کرده و سپس روی آیکن ایجاد ویجت جدید (Create new Widget) کلیک کنید.

• در منوی بازشده دسته ویجت‌های نموداری (charts) را انتخاب کنید. از بین ویجت‌های موجود، ویجت Timeseries – Flot را انتخاب کنید. پس از این کار پنجره تنظیمات ویجت مورد نظر باز خواهد شد.

• در پنجره باز شده روی دکمه افزودن منبع داده (Add datasource) کلیک کنید.

• نوع (Type) را روی Entity قرار داده، نام مستعار موجودیت MyNewDeviceAlias را انتخاب کنید. کلید داده temperature را انتخاب کرده و روی Add کلیک کنید.

• ویجت نموداری را با کشیدن و رها کردن به محل مورد نظر خود منتقل کرده و در صورت تمایل، ابعاد آن را تغییر دهید.

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

• پنجره ویرایش زمان (Edit timewindow) را از گوشه سمت راست و بالا باز کنید. مقدار بازه زمانی نمایش اطلاعات و نوع تابع تجمعی را تغییر داده، پنجره زمانی را به‌روزرسانی کرده و تغییرات را ذخیره کنید.

 

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

 

 

۵. افزودن ویجت هشدار

 

برای افزودن ویجت هشدار مراحل زیر را انجام دهید:

• وارد حالت ویرایش داشبورد شوید.

• روی آیکن (+) افزودن ویجت جدید (Add new widget) در گوشه سمت راست و پایین صفحه کلیک کرده، سپس روی آیکن ایجاد ویجت جدید (Create new widget) کلیک کنید.

• در منوی باز شده، دسته ویجت‌های هشدار (Alarm widgets) را انتخاب کرده واز بین ویجت‌های موجود، ویجت جدول هشدارها (Alarms table) را انتخاب کنید. پس از این کار پنجره تنظیمات ویجت مورد نظر باز خواهد شد.

• قسمت منبع هشدار (Alarm source) را روی Entity قرار داده، نام مستعار MyNewDeviceAlias را انتخاب کرده و روی Add کلیک کنید.

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

• پس از تعیین موقعیت و ابعاد، تغییرات را اعمال و از حالت ویرایش خارج شوید.

 

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