نمودارهای خود را برای داده های IOT خود در PI تمشک ایجاد کنید: 3 مرحله

2024 نویسنده: John Day | [email protected]. آخرین اصلاح شده: 2024-01-30 08:56

لطفاً اگر می خواهید بتوانید نمودارهای IOT خود را با استفاده از 7 خط کد ایجاد کنید ، بخوانید.

من می خواستم نمودارهایی برای نمایش داده ها در قالب گرافیکی از حسگرهای IOT خود در یک صفحه وب ایجاد کنم. قبلاً ، برای این کار ، من از خدمات شخص ثالث (برخی از آنها پولی) و توابع نمودار شخص ثالث برای سیستم پایگاه داده خود - Mysql ، با استفاده از یک زبان برنامه نویسی معروف به Php استفاده کرده بودم. به نظر من این خدمات شخص ثالث برای استقرار بسیار مشکل یا گران است. بنابراین ، من تابع PHP ساده خود را نوشته ام که داده ها را به عنوان آرایه از یک فایل متنی یا جدول پایگاه داده (شاید از Mysql) می گیرد و آنها را به صورت نمودار خطی در صفحه وب نمایش می دهد. من تمام کدهای php را در github-https://github.com/scanos/php-simple-chart-در دسترس قرار داده ام. من همچنین برخی از کد ها را در اینجا قرار داده ام - اولین فایل php - PhpSimpleChart2.php - شامل فایل تابع نمودار خطی دیگر است ، PhpSimpleChart_ex1.php ، یک فایل نمونه است که نحوه استفاده از آن را نشان می دهد. پیشنهاد می کنم از صفحه github نیز برای دریافت به روزرسانی کد دیدن کنید.

من این را در Raspberry Pi خود استفاده می کنم. در اینجا چیزی است که شما نیاز دارید:

1) برخی از دانش در مورد استقرار سرور وب مانند Apache ، پایگاه داده مانند Mysql و PHP. در مجموع ، اینها به عنوان LAMP - Linux ، Apache ، Mysql و PHP شناخته می شوند. و اطلاعات زیادی در مورد استفاده از این اطلاعات در رزبری پای در وب وجود دارد. بنابراین ، من در اینجا به این موضوع نمی پردازم.

2) یک محیط لینوکس LAMP - دوباره ، مانند Raspberry Pi.

3) وسیله ای برای بارگذاری و ایجاد فایل ها در محیط وب خود ، یعنی پوشه های Raspberry Pi خود که در آن فایل های php برنامه خود را مستقر می کنید.

در مرحله بعد ، من به شما نشان خواهم داد که چگونه می توانید فایل های Php خود را با استفاده از دو فایل php که قبلاً به آنها اشاره کردم ایجاد کنید.

مرحله 1: کد عملکرد PHP - PhpSimpleChart2.php

این فایل PhpSimpleChart2.php نام دارد - شما باید آن را از مخزن git با کلیک روی دکمه بارگیری / کلون بارگیری کنید - تصویر بالا را مشاهده کنید. پس از انجام این کار ، دو فایل php را با استفاده از سرویس گیرنده استاندارد FTP خود به سرور وب خود منتقل کنید یا شاید یک اشتراک samba در رزبری پای خود تنظیم کرده باشید که باعث می شود پوشه های Pi شما شبیه پوشه های ویندوز شود.

شما واقعاً نیازی به تغییر کد در این فایل اصلی Php ندارید - PhpSimpleChart2.php. این یک تابع ایجاد نمودار خطی ساده برای Php است. در اصل ، 2 آرایه به تابع و همچنین آرگومان های دیگر مانند ابعاد نمودار منتقل می شود. آرایه 1 شامل اولین مقادیر خام مانند دما و غیره است. آرایه دوم شامل مقادیر مربوط به تاریخ است. برنامه سعی می کند بسته به محدوده ، حداقل ، حداکثر و عناصر آرایه نمودار را به صورت خودکار اندازه گیری کند. نمودار حاصله ممکن است برش داده شده و در اسناد MS Office به صورت gif ،-p.webp

هنگامی که PhpSimpleChart2.php را روی سرور وب خود بارگذاری کردید ، می توانید اسکریپت خود را برای استفاده از آن بنویسید. این در صفحه بعدی نشان داده شده است.

مرحله 2: نوشتن برنامه شخصی خود بر اساس برنامه نمونه

من یک برنامه نمونه ، PhpSimpleChart_ex1.php را نشان دادم که دوباره در مخزن git قرار دارد. اولین خط کد ، فراخوانی اسکریپت php است که شامل عملکرد نمودار است -

نیاز ("PhpSimpleChart2.php") ؛

در این حالت ، فایل PhpSimpleChart2.php در همان پوشه اسکریپتی که برای فراخوانی آن می نویسید قرار می گیرد. امیدوارم بدانید که فایل های php باید خواندن / نوشتن صحیح 755 را داشته باشند.

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

$ data_array = array ("12" ، "15" ، "18" ، "12" ، "11" ، "23" ، "11" ، "24" ، "15" ، "18" ، "12" ، " 11 "،" 23 "،" 11 "،" 24 ") ؛

$ date_array = آرایه ("12th 14h" ، "12th 15h" ، "12th 16h" ، "12th 17h" ، "12th 18h" ، "12th 19h" ، "12th 20h" ، "12th 21h" ، "12th 15h" ، "دوازدهم 16 ساعت" ، "دوازدهم 17 ساعت" ، "دوازدهم 18 ساعت" ، "دوازدهم 19 ساعت" ، "دوازدهم 20 ساعت" ، "دوازدهم 21 ساعت") ؛

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

در مرحله بعد ، باید پارامترهای نمودار خود را تنظیم کنید. تقریباً رو به جلو است ابتدا عناوین را تنظیم کرده و سپس ارتفاع و عرض نمودار را ثابت می کنید.

$ chart_text = "نمودار آزمایشی من جولای 2018"؛

$ y_title = "درجه دمای C"؛

$ x_scale = 1000 ؛

$ y_scale = 400 ؛

سپس یک تابع را به صورت زیر فراخوانی می کنید.

draw_line_chart ($ data_array ، $ date_array ، $ chart_text ، $ x_scale ، $ y_scale ، $ y_title) ؛

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

مرحله 3: نتیجه گیری

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

1) اکثر خدمات نمودارسازی IOT شخص ثالث به عنوان یک سرویس آنلاین عمل می کنند که معمولاً به عنوان یک API قابل دسترسی است.

2) کاربران IOT دارای طیف وسیعی از شایستگی ها در زمینه استفاده از قابلیت نمودارسازی هستند.

مزایای مثبت راه حل من

الف) می تواند به صورت آفلاین کار کند

ب) هزینه صفر

ج) رد پای کوچک

CONS

الف) با سختی یکسانی مانند خانه های نرم افزاری بزرگ آزمایش نشده است.

ب) عملکرد محدود ، یعنی بدون نمودار میله ای و غیره

غذایی برای فکر کردن!