Δημιουργήστε τα δικά μου γραφήματα για τα δεδομένα μου IOT σε ένα Raspberry PI: 3 βήματα

2024 Συγγραφέας: John Day | [email protected]. Τελευταία τροποποίηση: 2024-01-30 08:37

Διαβάστε παρακάτω εάν θέλετε να μπορείτε να δημιουργήσετε τα δικά σας γραφήματα IOT χρησιμοποιώντας 7 γραμμές κώδικα.

Wantedθελα να δημιουργήσω γραφήματα για την εμφάνιση δεδομένων σε γραφική μορφή από τους αισθητήρες 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. και υπάρχει τεράστιος όγκος πληροφοριών στον ιστό σχετικά με την ανάπτυξη αυτών σε ένα Raspberry Pi. Επομένως, δεν θα το καλύψω εδώ.

2) Ένα περιβάλλον LAMP linux - πάλι, όπως το Raspberry Pi.

3) Ένα μέσο για τη μεταφόρτωση και τη δημιουργία αρχείων στο περιβάλλον του ιστού σας, δηλαδή τους φακέλους στο Raspberry Pi όπου αναπτύσσετε τα αρχεία php του προγράμματος σας.

Στη συνέχεια, θα σας δείξω πώς να δημιουργήσετε τα δικά σας αρχεία Php χρησιμοποιώντας τα δύο αρχεία php στα οποία αναφέρθηκα νωρίτερα.

Βήμα 1: Ο κώδικας συνάρτησης PHP - PhpSimpleChart2.php

Αυτό το αρχείο ονομάζεται PhpSimpleChart2.php - θα πρέπει να το κατεβάσετε από το αποθετήριο git κάνοντας κλικ στο κουμπί λήψης / κλωνοποίησης - δείτε την παραπάνω εικόνα. Μόλις το κάνετε αυτό, μεταφέρετε τα δύο αρχεία php στον διακομιστή ιστού σας χρησιμοποιώντας το τυπικό πρόγραμμα -πελάτη FTP ή ίσως έχετε ρυθμίσει ένα samba share στο Raspberry Pi σας, το οποίο κάνει τους φακέλους Pi να μοιάζουν με φακέλους παραθύρων.

Δεν χρειάζεται πραγματικά να αλλάξετε τον κώδικα σε αυτό το κύριο αρχείο Php - PhpSimpleChart2.php. Αυτή είναι μια απλή συνάρτηση δημιουργίας γραφήματος γραμμής για Php. Βασικά, 2 πίνακες περνούν στη συνάρτηση καθώς και άλλα ορίσματα όπως οι διαστάσεις του γραφήματος. Ο πρώτος πίνακας περιέχει τις πρώτες πρώτες τιμές όπως θερμοκρασία κλπ. Ο δεύτερος πίνακας περιέχει τις σχετικές τιμές ημερομηνίας. Το πρόγραμμα προσπαθεί να αυτοματοποιήσει το γράφημα ανάλογα με το εύρος, το ελάχιστο, το μέγιστο και τα στοιχεία πίνακα. Το διάγραμμα που προκύπτει μπορεί να κοπεί και να επικολληθεί σε έγγραφα του MS Office ως gif,-p.webp

Αφού ανεβάσετε το PhpSimpleChart2.php στον διακομιστή ιστού σας, μπορείτε στη συνέχεια να γράψετε το δικό σας σενάριο για να το χρησιμοποιήσετε. Αυτό φαίνεται στην επόμενη σελίδα.

Βήμα 2: Γράψτε το δικό σας πρόγραμμα με βάση το Παράδειγμα προγράμματος

Έχω δείξει ένα παράδειγμα προγράμματος, το PhpSimpleChart_ex1.php το οποίο και πάλι βρίσκεται στο git repository. Η πρώτη γραμμή του κώδικα είναι να καλέσετε το σενάριο 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 = συστοιχία ("12η 14η", "12η 15η", "12η 16ωρη", "12η 17η", "12η 18η", "12η 19η", "12η 20η", "12η 21η", "12η 15η", "12η 16η", "12η 17η", "12η 18η", "12η 19η", "12η 20ωρη", "12η 21η");

Συνήθως, θα διαβάζατε αυτές τις τιμές από ένα ερώτημα βάσης δεδομένων ή θα τις φορτώνατε από ένα αρχείο κειμένου.

Στη συνέχεια, πρέπει να ορίσετε τις παραμέτρους για το γράφημα σας. Είναι αρκετά ευθεία. Ορίζετε τους τίτλους πρώτα και στη συνέχεια καθορίζετε το ύψος και το πλάτος του γραφήματος.

$ chart_text = "Το δοκιμαστικό μου γράφημα Ιούλιος 2018";

$ y_title = "Temp Deg 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

α) Δεν έχει δοκιμαστεί με την ίδια αυστηρότητα με τους μεγάλους οίκους λογισμικού.

β) Περιορισμένη λειτουργικότητα, δηλαδή χωρίς γραφήματα γραμμών κ.λπ.

Τροφή για σκέψη!