[Développement à distance] Commençons par le faire !! (Pratique 1)
Cette série explique le développement d'applications à l'aide de Remotte. D'ici la dernière fois, vous êtes prêt à devenir développeur. Il dit "s'y habituer plutôt que de l'apprendre", alors reportons l'explication détaillée du mécanisme et créons une application et utilisons-la en premier! !! Je ne sais pas quel type d'appareil chacun d'entre vous possède, alors cette fois, j'ai rapidement considéré «l'utilisation du processeur» du PC Windows exécutant la station comme la valeur du capteur, et je l'ai utilisée comme sens de cycle, expression de page, smartphone / tablette Accédons à partir de. Vous pouvez créer une application en quelques minutes en suivant les étapes indiquées dans la capture d'écran ci-dessous.
Obtenir l'utilisation du processeur en Python
Pour obtenir l'utilisation du processeur en Python, suivez simplement les trois lignes suivantes. pip install psutil import psutil cpu = psutil.cpu_percent() Implémentons cela sur la plateforme Limotte.
Créer une nouvelle application
Tout d'abord, cliquez sur le bouton "Nouveau" sur l'écran de la liste des applications de l'outil de gestion pour créer une nouvelle application.
Cliquez sur le bouton "OK" pour ajouter l'application à l'écran de liste.
Ajouter des composants
Entrez dans l'écran des détails de l'application, appuyez sur l'onglet «Configuration» et sélectionnez «Nouveau» dans le menu en bas à gauche de l'écran.
Sélectionnez «One Numerical Value» comme «Catégorie» et «General Single Value Sense» comme «Input / Output Type», puis cliquez sur le bouton «OK» pour terminer.
Rédaction du script d'installation
Sélectionnez l'onglet "Code" sous la hiérarchie des onglets "Configuration" et sélectionnez "Install.ps1" parmi les trois modèles de code source "input_sense.py", "\ _ \ _ init \ _ \ _. Py" et "Install.ps1". Sélectionnez "Install.ps1" et la deuxième ligne
pip install psutil
Entrons. «Install.ps1» est ce que nous appelons un «script d'installation», un script qui peut être exécuté dans PowerShell sous Windows. Les scripts d'installation sont utilisés pour installer des modules dans la programmation Python et pour télécharger des programmes et des données depuis GitHub et d'autres.
Écrire du code Python
Sélectionnez maintenant "input_sense.py".
Dans le "Ajouter un composant" ci-dessus, j'ai sélectionné "Sens général à valeur unique" dans la boîte de dialogue "Nouveau", mais un modèle Python adapté au contenu sélectionné est automatiquement ajouté. La fonction sense (self) est une fonction appelée par la plate-forme (en d'autres termes, une fonction appelée depuis la plate-forme), et est utilisée pour acquérir des données à partir d'un dispositif capteur ou similaire à des intervalles de temps réguliers.
import psutil
cpu = psutil.cpu_percent()
Dans les deux lignes de code ci-dessus, la variable cpu stocke l'utilisation du processeur au moment où la fonction a été appelée. Pour transmettre cette valeur à la plateforme de Remotte en tant que "dernière valeur", ajoutez la ligne suivante:
self._sys.set_value({'value': cpu})
Enfin, écrivez le code suivant.
Paramètres de programme avancés
Définit la fréquence à laquelle la fonction (self) de détection décrite ci-dessus est exécutée. Sélectionnez l'onglet "Programmes" sous la hiérarchie des onglets "Configuration", cochez la case "Fonction de détection des appels de plate-forme" et réglez le "Cycle d'appel" sur, par exemple, "2 secondes".
Lançons-le si loin
Lançons-le une fois jusqu'à présent. Tout d'abord, appuyez sur le bouton "Enregistrer" en haut de l'écran. Ensuite, ouvrez le menu en bas à gauche de l'écran avec l'onglet "Configuration" sélectionné, et sélectionnez "Exécuter le script d'installation".
Lorsque la boîte de dialogue "Exécuter le script d'installation" s'affiche et enfin "Exécution terminée" s'affiche en bas à gauche de la boîte de dialogue, appuyez sur le bouton "Fermer".
Vous n'avez besoin d'exécuter le script d'installation qu'une seule fois, et il sera exécuté automatiquement lorsque vous chargez une application ou un composant téléchargé depuis la boutique Remotte.
Il est maintenant temps d'exécuter l'application. Sélectionnez l'onglet «Page d'utilisation», affichez l'écran de l'utilisateur sur l'onglet «Mise en page» et appuyez sur le bouton «Démarrer» en haut de l'écran. La valeur représentant l'utilisation du processeur est mise à jour toutes les 2 secondes.
Changer l'expression à l'écran
L'une des principales caractéristiques de Limotte est que vous pouvez facilement créer des écrans sans codage. Ici, changeons l'expression de l'utilisation du processeur. Les paramètres, etc. ne peuvent pas être modifiés pendant que l'application est en cours d'exécution, donc si l'application est en cours d'exécution, appuyez d'abord sur le bouton «Arrêter» en haut de l'écran pour arrêter l'application.
Sur l'écran de mise en page, cliquez sur un élément situé en haut à gauche de la page pour afficher ses attributs sur le côté droit de l'écran. Dans ce qui précède, on peut voir que la dernière valeur d'utilisation du processeur est exprimée au format "affichage d'une valeur numérique". Ici, si vous cliquez sur l'icône du format d'expression sur le côté droit de cet écran, d'autres formats d'expression seront affichés et vous pouvez sélectionner le format que vous souhaitez exprimer sur la page.
Par exemple, si vous sélectionnez "Compteur en continu (zone circulaire, colorée)" et démarrez l'application, l'écran suivant apparaîtra.
En bas à droite de l'écran de modification de la mise en page, des options détaillées peuvent être définies en fonction du type de format d'expression sélectionné.
Si vous souhaitez disposer une information dans plusieurs formats de représentation, par exemple, si vous souhaitez afficher la valeur de pourcentage réelle au centre de l'affichage du compteur en forme d'anneau ci-dessus, sélectionnez l'onglet "Afficher les éléments" à gauche de l'onglet "Présentation". Faire.
Sur cet écran, vous pouvez définir le nombre d'éléments à afficher pour chaque page d'utilisation. Par exemple, comme décrit ci-dessus, modifiez la "dernière valeur" de "Utilisation du processeur" en "Afficher deux" et sélectionnez à nouveau l'onglet "Présentation".
Avec cela, deux éléments d'affichage peuvent être organisés pour une seule information. Après cela, vous pouvez changer le format d'expression pour chaque élément, changer la position en faisant glisser, changer la taille et diverses options, et en faire votre format préféré. Dans l'exemple ci-dessous, les angles de début et de fin de l'arc ont été modifiés, le texte a été centré, la taille a été augmentée, elle était en gras, le nombre de chiffres après la virgule décimale était égal à zéro et le symbole de pourcentage a été défini comme suffixe.
En outre, vous pouvez utiliser divers outils en bas de l'écran pour organiser le texte, les images et les lignes, et ajuster le degré de chevauchement pour chaque élément d'affichage.
Enregistrer les données et afficher l'historique
Jusqu'à ce point, la dernière valeur d'utilisation du processeur toutes les 2 secondes a été affichée. Sauvegardons maintenant les données acquises et affichons l'historique dans l'ordre chronologique. La dernière valeur transmise par la fonction set_value () dans le code Python est le paramètre "Enregistrer les données" juste en dessous en cochant simplement la case "Enregistrer les données" dans l'onglet "Paramètres" sous la hiérarchie des onglets "Configuration". Il sera stocké dans la base de données intégrée à l'application pendant la «période de rétention».
De plus, si vous cochez cette case, un élément appelé "Historique" sera ajouté à l'onglet "Afficher les éléments" de la "Page d'utilisation" et vous pourrez afficher des données chronologiques.
Dans le même temps, un élément d'affichage pour afficher l'historique est ajouté à l'onglet "Mise en page".
Dans ce qui précède, il est affiché dans le format d'expression de «table d'historique d'une valeur numérique», mais changez-le en «graphe de ligne de rupture de l'historique d'une valeur numérique» et ajustez la mise en page pour le faire comme suit. Faisons le.
De cette manière, Limotte vous permet de créer des écrans sans codage.
Utiliser en tant qu'utilisateur
Si vous souhaitez publier l'application créée à quelqu'un d'autre que vous et l'utiliser, enregistrez l'adresse e-mail de cette personne dans l'application. Sélectionnez l'onglet "Utilisateurs" sous la hiérarchie des onglets "Page Utilisateurs" de l'outil de gestion, cliquez sur le bouton "Ajouter un utilisateur", puis ajoutez l'adresse e-mail.
Après cela, veuillez vous référer à un autre article pour des opérations telles que la connexion en tant qu'utilisateur et l'affichage de l'écran des détails de l'historique.
Enregistrez l'application créée sous forme de fichier
Modifiez les informations de l'application avant d'enregistrer l'application créée sous forme de fichier et de l'exécuter sur une autre station ou de la sauvegarder. Sélectionnez "Modifier" sur l'écran de la liste des applications de l'outil de gestion.
Enfin, sélectionnez «Enregistrer dans un fichier» dans l'écran de liste de l'application et entrez le nom du fichier pour l'enregistrer.
Résumé
Dans cet exercice, une série de flux de développement d'application utilisant Limotte, c'est-à-dire utilisant une application qui considère le «taux d'utilisation du processeur» d'un ordinateur personnel comme une valeur de capteur Créer une nouvelle application Ajouter des composants Rédaction du script d'installation Écrire du code Python Paramètres de programme avancés Édition d'écran Enregistrer les données et afficher l'historique Enregistrez le fichier d'application créé J'ai expérimenté. Cet exercice comprend environ 60% de la procédure de développement sur la plateforme Limotte, et les 40% restants Interface plus détaillée avec la plateforme (description de la fonction) Variable de programme (réglage des options) Échange de données entre composants (partage de données) Composants du système multimédia, analyse vidéo, analyse vocale Etc. sont inclus. Ci-après, ceux-ci seront expliqués avec des exercices.
Recommended Posts