Buat Grafik Saya Sendiri untuk Data IOT Saya di Raspberry PI: 3 Langkah

2024 Pengarang: John Day | [email protected]. Terakhir diubah: 2024-01-30 09:57

Silakan baca terus jika Anda ingin dapat membuat grafik IOT Anda sendiri menggunakan 7 baris kode.

Saya ingin membuat grafik untuk menampilkan data dalam format grafis dari sensor IOT saya di halaman web. Sebelumnya, untuk ini, saya telah menggunakan layanan pihak ke-3 (beberapa berbayar) dan fungsi grafik pihak ke-3 untuk sistem database saya - Mysql, menggunakan bahasa pemrograman yang dikenal sebagai Php. Saya menemukan layanan pihak ke-3 ini terlalu sulit atau terlalu mahal untuk diterapkan. Oleh karena itu, saya telah menulis fungsi Php sederhana saya sendiri yang mengambil data sebagai array dari file teks atau tabel database (mungkin dari Mysql) dan menampilkannya sebagai grafik garis pada halaman web. Saya telah membuat semua kode php tersedia di github - https://github.com/scanos/php-simple-chart. Saya juga menyertakan beberapa kode di sini - file php pertama - PhpSimpleChart2.php - berisi file fungsi grafik garis yang lain, PhpSimpleChart_ex1.php, adalah file contoh yang menunjukkan cara menggunakannya. Saya sarankan Anda juga mengunjungi halaman github untuk mendapatkan pembaruan kode.

Saya menggunakan ini di Raspberry Pi saya. Inilah yang Anda butuhkan:

1) Beberapa pengetahuan tentang penggelaran server web seperti Apache, database seperti Mysql, dan PHP. Secara kolektif, ini dikenal sebagai LAMP - Linux, Apache, Mysql dan PHP. dan ada banyak sekali informasi di web terkait penerapan ini di Raspberry Pi. Oleh karena itu, saya tidak akan membahas ini di sini.

2) Lingkungan linux LAMP - lagi, seperti Raspberry Pi.

3) Sarana untuk mengunggah dan membuat file ke lingkungan web Anda, yaitu folder di Raspberry Pi Anda tempat Anda menyebarkan file php program Anda.

Selanjutnya, saya akan menunjukkan cara membuat file Php Anda sendiri menggunakan dua file php yang saya singgung sebelumnya.

Langkah 1: Kode Fungsi PHP - PhpSimpleChart2.php

File ini bernama PhpSimpleChart2.php - Anda harus mendownloadnya dari repositori git dengan mengklik tombol download / clone - lihat gambar di atas. Setelah Anda selesai melakukannya, transfer dua file php ke server web Anda menggunakan klien FTP standar Anda atau mungkin Anda telah menyiapkan samba share di Raspberry Pi Anda yang membuat folder Pi Anda terlihat seperti folder windows..

Anda tidak perlu mengubah kode di file utama Php ini - PhpSimpleChart2.php. Ini adalah fungsi pembuatan grafik garis sederhana untuk Php. Pada dasarnya, 2 array dilewatkan ke fungsi serta argumen lain seperti dimensi bagan. Array pertama berisi nilai mentah pertama seperti suhu dll. Array kedua berisi nilai tanggal terkait. Program mencoba untuk mengotomatiskan ukuran grafik tergantung pada elemen range, min, max dan array. Grafik yang dihasilkan dapat dipotong dan ditempelkan ke dokumen MS office sebagai gif, png, dll. Contoh-g.webp

Setelah Anda mengunggah PhpSimpleChart2.php ke server web Anda, Anda kemudian dapat menulis skrip Anda sendiri untuk menggunakan ini. Ini ditunjukkan di halaman berikutnya.

Langkah 2: Menulis Program Anda Sendiri Berdasarkan Contoh Program

Saya telah menunjukkan contoh program, PhpSimpleChart_ex1.php yang lagi-lagi ada di repositori git. Baris pertama kodenya adalah memanggil skrip php yang berisi fungsi charting -

membutuhkan("PhpSimpleChart2.php");

Dalam hal ini, file PhpSimpleChart2.php ditempatkan di folder yang sama dengan skrip yang Anda tulis untuk memanggilnya. Mudah-mudahan, Anda akan tahu bahwa file php harus memiliki properti baca / tulis yang benar 755.

Selanjutnya, Anda perlu membuat sumber data dan mengisi array. Berikut adalah contoh array, satu untuk data dan satu untuk tanggal dan waktu terkait. Jelas, harus ada jumlah nilai yang sama di kedua array.

$data_array = array("12", "15", "18", "12", "11", "23", "11", "24", "15", "18", "12", " 11", "23", "11", "24");

$date_array = array("12th 14h", "12th 15h", "12th 16h", "12th 17h", "12th 18h", "12th 19h", "12th 20h", "12th 21h", "12th 15h", "12th 16h", "12th 17h", "12th 18h", "12th 19h", "12th 20h", "12th 21h");

Biasanya, Anda akan membaca nilai ini dari kueri database atau memuatnya dari file teks.

Selanjutnya, Anda harus mengatur parameter untuk bagan Anda. Ini cukup lurus ke depan. Anda mengatur judul terlebih dahulu dan kemudian memperbaiki tinggi dan lebar grafik.

$chart_text="Bagan percobaan saya Juli 2018";

$y_title="Suhu Derajat C";

$x_skala=1000;

$y_skala=400;

Anda kemudian membuat panggilan fungsi sebagai berikut.

draw_line_chart($data_array, $date_array, $chart_text, $x_scale, $y_scale, $y_title);

Saya telah menunjukkan output dari contoh program ini pada gambar terlampir. Fungsi charting mencoba untuk autoscale dan menghindari kekacauan sumbu y dan titik deskriptor grafik. Semoga berhasil untuk Anda. Itu saja yang Anda butuhkan.

Langkah 3: Kesimpulan

Saya harap Anda menemukan ini berguna. Anda mungkin menggunakan metode lain yang cocok untuk Anda, tetapi berikut adalah beberapa pemikiran dalam hal apa pun;

1) Sebagian besar layanan grafik IOT pihak ketiga beroperasi sebagai layanan online yang biasanya dapat diakses sebagai API.

2) Pengguna IoT memiliki berbagai kompetensi yang berkaitan dengan penerapan fungsionalitas grafik.

PRO dari solusi saya

a) Dapat beroperasi secara offline

b) Biaya nol.

c) Jejak kecil

KONTRA

a) Tidak diuji dengan ketelitian yang sama dengan rumah perangkat lunak besar.

b) Fungsionalitas terbatas, yaitu tidak ada diagram batang, dll.

Bahan untuk dipikirkan!